#CE409A#CE409A
#CE409A لون متوسط وزاهٍ من عائلة زهري. الإضاءة النسبية 0.191؛ OKLCH L 60.2% C 0.199 H 345.8°. أفضل لون لنص المتن هو #000000 بتباين 4.82:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #CE409A |
|---|---|
| RGB | rgb(206, 64, 154) |
| HSL | hsl(322, 59%, 53%) |
| HSV | hsv(322, 69%, 81%) |
| CMYK | cmyk(0%, 68.9%, 25.2%, 19.2%) |
| CIE-LAB | lab(50.83, 63.78, -18.45) |
| CIE-LCH | lch(50.83, 66.39, 343.87°) |
| OKLab | oklab(60.24% 0.193 -0.0489) |
| OKLCH | oklch(60.24% 0.199 345.8) |
| XYZ | xyz(33.1211, 19.1251, 32.5128) |
| Luminance | 0.1912 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Purplish Pink
#CE5DAE
ΔE00 6.16
Mediumvioletred
#C71585
ΔE00 6.47
Purpley Pink
#C83CB9
ΔE00 6.69
Pinky Purple
#C94CBE
ΔE00 7.22
Shocking Pink
#FE02A2
ΔE00 7.60
Bright Pink
#FE01B1
ΔE00 7.72
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#CE409A #40CE74
analogous
#BB40CE #CE409A #CE4053
triadic
#CE409A #9ACE40 #409ACE
tetradic
#CE409A #CEBB40 #40CE74 #4053CE
square
#CE409A #CEBB40 #40CE74 #4053CE
split-complementary
#CE409A #53CE40 #40CEBB
monochromatic
#751E55 #A62B79 #CE409A #DA71B4 #E7A1CE
إمكانية الوصول والتباين
On white
4.35
#CE409A on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.82
#CE409A on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #CE409A
4.82:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##CE409A | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CE409A | 1.00 | 4.35 | 4.82 | 4.82 |
| #FFFFFF | 4.35 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.82 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.82 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#516A9D
Deuteranopia (green-blind)
#7B8297
Tritanopia (blue-blind)
#DC3D67
Achromatopsia (no color)
#797979
وسوم التصميم والكود
CSS
--color: #ce409a; /* rgb */ color: rgb(206, 64, 154); /* oklch */ color: oklch(60.2% 0.199 345.8);
Tailwind
colors: {
custom: {
50: '#e180b8',
500: '#ce409a',
950: '#000000',
},
}SCSS
$custom: #ce409a; $custom-light: #e180b8; $custom-dark: #000000;
JSON
{
"hex": "#ce409a",
"rgb": {
"r": 206,
"g": 64,
"b": 154
},
"hsl": {
"h": 321.972,
"s": 59.167,
"l": 52.941
},
"oklch": {
"l": 0.60243,
"c": 0.19906,
"h": 345.8
},
"luminance": 0.19122
}Semantic roles & 50–950 ramp
primary
#CE409A
secondary
#96D4AD
accent
#E27F45
background
#FEF8FB
surface
#FDEFF6
border
#D5CAD0
text
#160B11
muted
#847C80