#CA6674#CA6674
#CA6674 لون فاتح وزاهٍ من عائلة أحمر. الإضاءة النسبية 0.233؛ OKLCH L 63.1% C 0.127 H 12.6°. أفضل لون لنص المتن هو #000000 بتباين 5.66:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #CA6674 |
|---|---|
| RGB | rgb(202, 102, 116) |
| HSL | hsl(352, 49%, 60%) |
| HSV | hsv(352, 50%, 79%) |
| CMYK | cmyk(0%, 49.5%, 42.6%, 20.8%) |
| CIE-LAB | lab(55.40, 41.01, 10.72) |
| CIE-LCH | lch(55.40, 42.39, 14.65°) |
| OKLab | oklab(63.14% 0.1242 0.0278) |
| OKLCH | oklch(63.14% 0.127 12.6) |
| XYZ | xyz(32.2628, 23.3235, 19.3224) |
| Luminance | 0.2332 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Rose (survey)
#CF6275
ΔE00 1.49
Pinkish
#D46A7E
ΔE00 2.85
Dusky Rose
#BA6873
ΔE00 3.24
Dusty Rose
#C0737A
ΔE00 4.06
Ugly Pink
#CD7584
ΔE00 4.38
Old Pink
#C77986
ΔE00 5.46
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#CA6674 #66CABC
analogous
#CA66A6 #CA6674 #CA8A66
triadic
#CA6674 #74CA66 #6674CA
tetradic
#CA6674 #A6CA66 #66CABC #8A66CA
square
#CA6674 #A6CA66 #66CABC #8A66CA
split-complementary
#CA6674 #66CA8A #66A6CA
monochromatic
#872F3B #B43E4F #CA6674 #DA939D #E9C1C7
إمكانية الوصول والتباين
On white
3.71
#CA6674 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.66
#CA6674 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #CA6674
5.66:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##CA6674 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CA6674 | 1.00 | 3.71 | 5.66 | 5.66 |
| #FFFFFF | 3.71 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.66 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.66 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7A7874
Deuteranopia (green-blind)
#938C72
Tritanopia (blue-blind)
#DA5A6B
Achromatopsia (no color)
#858585
وسوم التصميم والكود
CSS
--color: #ca6674; /* rgb */ color: rgb(202, 102, 116); /* oklch */ color: oklch(63.1% 0.127 12.6);
Tailwind
colors: {
custom: {
50: '#de949b',
500: '#ca6674',
950: '#000000',
},
}SCSS
$custom: #ca6674; $custom-light: #de949b; $custom-dark: #000000;
JSON
{
"hex": "#ca6674",
"rgb": {
"r": 202,
"g": 102,
"b": 116
},
"hsl": {
"h": 351.6,
"s": 48.544,
"l": 59.608
},
"oklch": {
"l": 0.63142,
"c": 0.12724,
"h": 12.6
},
"luminance": 0.2332
}Semantic roles & 50–950 ramp
primary
#CA6674
secondary
#B2D9D4
accent
#D8C550
background
#FEF9F9
surface
#FCF2F2
border
#D5CCCC
text
#160D0E
muted
#847E7E