#ea1ea5 ≈ Shocking Pink
#ea1ea5 adalah warna dari keluarga “merah mawar”, dengan kecerahan sedang dan saturasi sangat cerah. Dalam model RGB, warna ini terdiri dari 91,76% merah, 11,76% hijau, dan 64,71% biru; saat dicetak CMYK memakai 0% sian, 87,18% magenta, 29,49% kuning, dan 8,24% hitam. Sudut ronanya 320,29°, dengan saturasi 82,93% dan kecerahan 51,76% dalam HSL. Warna ini berada di antara hangat dan sejuk serta sering dikaitkan dengan romansa, keceriaan, dan kasih sayang. Desainer biasanya memakainya untuk merek makanan dan restoran, diskon dan promosi, dan tombol ajakan bertindak. Teks hitam di atas warna ini mencapai rasio kontras 5,23:1 (WCAG AA). Warna bernama terdekat adalah Shocking Pink (#fc0fc0), ΔE 4,81.
Deskripsi dibuat dari properti terukur warna ini.
| HEX | |
|---|---|
| RGB | |
| RGB persen | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Aman web | #ff3399 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Biner | |
| Desimal | |
| Luminansi relatif | 0.2114 |
Bayangan
#ea1ea5 dicampur bertahap dengan hitam.
Tint
#ea1ea5 dicampur bertahap dengan putih.
Nada
#ea1ea5 dicampur bertahap dengan abu-abu.
Teks dengan warna ini
Latar dengan warna ini
Garis tepi dengan warna ini
.text-ea1ea5 {
color: #ea1ea5;
}
.bg-ea1ea5 {
background-color: #ea1ea5;
color: #000000;
}
.border-ea1ea5 {
border: 2px solid #ea1ea5;
}
:root {
--color-primary: #ea1ea5;
--color-primary-rgb: 234 30 165;
--color-primary-hsl: 320 83% 52%;
}
.gradient-ea1ea5 {
background: linear-gradient(135deg, #ea1ea5, #ea1e3f);
}
.shadow-ea1ea5 {
box-shadow: 0 8px 24px rgb(234 30 165 / 0.35);
}
Shocking Pink
#ea1ea5 rgb(234, 30, 165) hsl(320, 83%, 52%) Shocking Pink
#1eea63 rgb(30, 234, 99) hsl(140, 83%, 52%) Malachite
#a5ea1e rgb(165, 234, 30) hsl(80, 83%, 52%) Spring Bud
#1ea5ea rgb(30, 165, 234) hsl(200, 83%, 52%) Carolina Blue