#CA406F#CA406F
#CA406F لون متوسط وزاهٍ من عائلة زهري. الإضاءة النسبية 0.174؛ OKLCH L 58.1% C 0.177 H 3.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.69:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #CA406F |
|---|---|
| RGB | rgb(202, 64, 111) |
| HSL | hsl(340, 57%, 52%) |
| HSV | hsv(340, 68%, 79%) |
| CMYK | cmyk(0%, 68.3%, 45%, 20.8%) |
| CIE-LAB | lab(48.73, 57.84, 4.21) |
| CIE-LCH | lch(48.73, 58.00, 4.16°) |
| OKLab | oklab(58.1% 0.1768 0.0114) |
| OKLCH | oklch(58.1% 0.177 3.7) |
| XYZ | xyz(29.0620, 17.3747, 16.8591) |
| Luminance | 0.1737 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Dark Pink
#CB416B
ΔE00 1.36
Deep Rose
#C74767
ΔE00 3.08
Darkish Pink
#DA467D
ΔE00 4.25
Dark Hot Pink
#D90166
ΔE00 4.71
Cerise
#DE0C62
ΔE00 5.00
Cherry
#DE3163
ΔE00 5.14
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#CA406F #40CA9B
analogous
#CA40B4 #CA406F #CA5640
triadic
#CA406F #6FCA40 #406FCA
tetradic
#CA406F #B4CA40 #40CA9B #5640CA
square
#CA406F #B4CA40 #40CA9B #5640CA
split-complementary
#CA406F #40CA56 #40B4CA
monochromatic
#701F3B #A02C54 #CA406F #D77093 #E5A0B7
إمكانية الوصول والتباين
On white
4.69
#CA406F on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.47
#CA406F on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #CA406F
4.69:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##CA406F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##CA406F | 1.00 | 4.69 | 4.47 | 4.69 |
| #FFFFFF | 4.69 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.47 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.69 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5E6370
Deuteranopia (green-blind)
#827E6C
Tritanopia (blue-blind)
#DB2C53
Achromatopsia (no color)
#747474
وسوم التصميم والكود
CSS
--color: #ca406f; /* rgb */ color: rgb(202, 64, 111); /* oklch */ color: oklch(58.1% 0.177 3.7);
Tailwind
colors: {
custom: {
50: '#df7e98',
500: '#ca406f',
950: '#000000',
},
}SCSS
$custom: #ca406f; $custom-light: #df7e98; $custom-dark: #000000;
JSON
{
"hex": "#ca406f",
"rgb": {
"r": 202,
"g": 64,
"b": 111
},
"hsl": {
"h": 339.565,
"s": 56.557,
"l": 52.157
},
"oklch": {
"l": 0.581,
"c": 0.17719,
"h": 3.7
},
"luminance": 0.17371
}Semantic roles & 50–950 ramp
primary
#CA406F
secondary
#95D1BD
accent
#E0AC48
background
#FEF8F9
surface
#FDEFF2
border
#D5CACC
text
#160B0D
muted
#847C7E