#CF3280#CF3280
#CF3280 لون متوسط وعالي التشبّع من عائلة زهري. الإضاءة النسبية 0.171؛ OKLCH L 58.2% C 0.203 H 355.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.75:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #CF3280 |
|---|---|
| RGB | rgb(207, 50, 128) |
| HSL | hsl(330, 62%, 50%) |
| HSV | hsv(330, 76%, 81%) |
| CMYK | cmyk(0%, 75.8%, 38.2%, 18.8%) |
| CIE-LAB | lab(48.40, 65.75, -6.51) |
| CIE-LCH | lch(48.40, 66.07, 354.35°) |
| OKLab | oklab(58.19% 0.202 -0.0163) |
| OKLCH | oklch(58.19% 0.203 355.4) |
| XYZ | xyz(30.7711, 17.1090, 22.0998) |
| Luminance | 0.1711 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Mediumvioletred
#C71585
ΔE00 4.96
Darkish Pink
#DA467D
ΔE00 5.71
Magenta (survey)
#C20078
ΔE00 5.96
Dark Hot Pink
#D90166
ΔE00 6.28
Dark Pink
#CB416B
ΔE00 6.50
Deep Pink
#CB0162
ΔE00 6.78
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#CF3280 #32CF81
analogous
#CF32CE #CF3280 #CF3232
triadic
#CF3280 #80CF32 #3280CF
tetradic
#CF3280 #CECF32 #32CF81 #3232CF
square
#CF3280 #CECF32 #32CF81 #3232CF
split-complementary
#CF3280 #32CF32 #32CECF
monochromatic
#6D1A43 #9F2562 #CF3280 #DB649F #E695BD
إمكانية الوصول والتباين
On white
4.75
#CF3280 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.42
#CF3280 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #CF3280
4.75:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##CF3280 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##CF3280 | 1.00 | 4.75 | 4.42 | 4.75 |
| #FFFFFF | 4.75 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.42 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.75 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#526082
Deuteranopia (green-blind)
#7E7D7C
Tritanopia (blue-blind)
#E01D55
Achromatopsia (no color)
#737373
وسوم التصميم والكود
CSS
--color: #cf3280; /* rgb */ color: rgb(207, 50, 128); /* oklch */ color: oklch(58.2% 0.203 355.4);
Tailwind
colors: {
custom: {
50: '#e379a4',
500: '#cf3280',
950: '#000000',
},
}SCSS
$custom: #cf3280; $custom-light: #e379a4; $custom-dark: #000000;
JSON
{
"hex": "#cf3280",
"rgb": {
"r": 207,
"g": 50,
"b": 128
},
"hsl": {
"h": 330.191,
"s": 62.055,
"l": 50.392
},
"oklch": {
"l": 0.58187,
"c": 0.20266,
"h": 355.4
},
"luminance": 0.17105
}Semantic roles & 50–950 ramp
primary
#CF3280
secondary
#8BD1AF
accent
#E59443
background
#FEF7FA
surface
#FDEEF4
border
#D5C9CE
text
#160A0F
muted
#847C7F