#CF4459#CF4459
#CF4459 لون متوسط وزاهٍ من عائلة أحمر. الإضاءة النسبية 0.181؛ OKLCH L 58.8% C 0.174 H 15.6°. أفضل لون لنص المتن هو #000000 بتباين 4.62:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #CF4459 |
|---|---|
| RGB | rgb(207, 68, 89) |
| HSL | hsl(351, 59%, 54%) |
| HSV | hsv(351, 67%, 81%) |
| CMYK | cmyk(0%, 67.1%, 57%, 18.8%) |
| CIE-LAB | lab(49.65, 55.97, 18.95) |
| CIE-LCH | lch(49.65, 59.09, 18.71°) |
| OKLab | oklab(58.77% 0.168 0.0469) |
| OKLCH | oklch(58.77% 0.174 15.6) |
| XYZ | xyz(29.6052, 18.1249, 11.3888) |
| Luminance | 0.1812 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Cherry
#DE3163
ΔE00 4.63
Faded Red
#D3494E
ΔE00 4.71
Deep Rose
#C74767
ΔE00 4.75
Dusty Red
#B9484E
ΔE00 5.00
Lipstick
#D5174E
ΔE00 5.04
Dark Rose
#B5485D
ΔE00 5.75
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#CF4459 #44CFBA
analogous
#CF449F #CF4459 #CF7544
triadic
#CF4459 #59CF44 #4459CF
tetradic
#CF4459 #9FCF44 #44CFBA #7544CF
square
#CF4459 #9FCF44 #44CFBA #7544CF
split-complementary
#CF4459 #44CF75 #449FCF
monochromatic
#791F2D #AA2C3F #CF4459 #DC7584 #E8A5AF
إمكانية الوصول والتباين
On white
4.54
#CF4459 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.62
#CF4459 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #CF4459
4.62:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##CF4459 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CF4459 | 1.00 | 4.54 | 4.62 | 4.62 |
| #FFFFFF | 4.54 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.62 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.62 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#676459
Deuteranopia (green-blind)
#8B8155
Tritanopia (blue-blind)
#E2264D
Achromatopsia (no color)
#767676
وسوم التصميم والكود
CSS
--color: #cf4459; /* rgb */ color: rgb(207, 68, 89); /* oklch */ color: oklch(58.8% 0.174 15.6);
Tailwind
colors: {
custom: {
50: '#e48087',
500: '#cf4459',
950: '#000000',
},
}SCSS
$custom: #cf4459; $custom-light: #e48087; $custom-dark: #000000;
JSON
{
"hex": "#cf4459",
"rgb": {
"r": 207,
"g": 68,
"b": 89
},
"hsl": {
"h": 350.935,
"s": 59.149,
"l": 53.922
},
"oklch": {
"l": 0.58774,
"c": 0.17443,
"h": 15.6
},
"luminance": 0.18121
}Semantic roles & 50–950 ramp
primary
#CF4459
secondary
#9AD5CC
accent
#E2CB45
background
#FEF8F8
surface
#FDEFEF
border
#D5CACA
text
#170B0B
muted
#857C7C