#CA4796#CA4796
#CA4796 لون متوسط وزاهٍ من عائلة زهري. الإضاءة النسبية 0.193؛ OKLCH L 60.2% C 0.185 H 346.9°. أفضل لون لنص المتن هو #000000 بتباين 4.85:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #CA4796 |
|---|---|
| RGB | rgb(202, 71, 150) |
| HSL | hsl(324, 55%, 54%) |
| HSV | hsv(324, 65%, 79%) |
| CMYK | cmyk(0%, 64.9%, 25.7%, 20.8%) |
| CIE-LAB | lab(51.00, 59.47, -15.88) |
| CIE-LCH | lch(51.00, 61.55, 345.05°) |
| OKLab | oklab(60.19% 0.1799 -0.0419) |
| OKLCH | oklch(60.19% 0.185 346.9) |
| XYZ | xyz(32.1167, 19.2683, 30.8760) |
| Luminance | 0.1926 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Purplish Pink
#CE5DAE
ΔE00 5.98
Mediumvioletred
#C71585
ΔE00 6.87
Purpley Pink
#C83CB9
ΔE00 7.65
Pinky Purple
#C94CBE
ΔE00 7.91
Darkish Pink
#DA467D
ΔE00 7.94
Pale Magenta
#D767AD
ΔE00 8.02
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#CA4796 #47CA7B
analogous
#BC47CA #CA4796 #CA4754
triadic
#CA4796 #96CA47 #4796CA
tetradic
#CA4796 #CABC47 #47CA7B #4754CA
square
#CA4796 #CABC47 #47CA7B #4754CA
split-complementary
#CA4796 #54CA47 #47CABC
monochromatic
#752254 #A42F76 #CA4796 #D877B1 #E5A6CC
إمكانية الوصول والتباين
On white
4.33
#CA4796 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.85
#CA4796 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #CA4796
4.85:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##CA4796 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CA4796 | 1.00 | 4.33 | 4.85 | 4.85 |
| #FFFFFF | 4.33 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.85 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.85 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#566B98
Deuteranopia (green-blind)
#7C8293
Tritanopia (blue-blind)
#D74468
Achromatopsia (no color)
#797979
وسوم التصميم والكود
CSS
--color: #ca4796; /* rgb */ color: rgb(202, 71, 150); /* oklch */ color: oklch(60.2% 0.185 346.9);
Tailwind
colors: {
custom: {
50: '#de83b5',
500: '#ca4796',
950: '#000000',
},
}SCSS
$custom: #ca4796; $custom-light: #de83b5; $custom-dark: #000000;
JSON
{
"hex": "#ca4796",
"rgb": {
"r": 202,
"g": 71,
"b": 150
},
"hsl": {
"h": 323.817,
"s": 55.274,
"l": 53.529
},
"oklch": {
"l": 0.6019,
"c": 0.18471,
"h": 346.9
},
"luminance": 0.19265
}Semantic roles & 50–950 ramp
primary
#CA4796
secondary
#9AD2B1
accent
#DF8549
background
#FEF8FB
surface
#FCEFF6
border
#D5CAD0
text
#160B11
muted
#847C80