#CB3E87#CB3E87
#CB3E87 لون متوسط وزاهٍ من عائلة زهري. الإضاءة النسبية 0.179؛ OKLCH L 58.8% C 0.189 H 352.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.59:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #CB3E87 |
|---|---|
| RGB | rgb(203, 62, 135) |
| HSL | hsl(329, 58%, 52%) |
| HSV | hsv(329, 69%, 80%) |
| CMYK | cmyk(0%, 69.5%, 33.5%, 20.4%) |
| CIE-LAB | lab(49.37, 61.40, -9.36) |
| CIE-LCH | lch(49.37, 62.11, 351.33°) |
| OKLab | oklab(58.85% 0.1878 -0.024) |
| OKLCH | oklch(58.85% 0.189 352.7) |
| XYZ | xyz(30.7261, 17.8945, 24.7529) |
| Luminance | 0.1789 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Mediumvioletred
#C71585
ΔE00 5.44
Darkish Pink
#DA467D
ΔE00 5.94
Magenta (survey)
#C20078
ΔE00 7.01
Dark Pink
#CB416B
ΔE00 7.49
Dark Hot Pink
#D90166
ΔE00 8.15
Neon Pink
#FE019A
ΔE00 8.36
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#CB3E87 #3ECB82
analogous
#C83ECB #CB3E87 #CB3E41
triadic
#CB3E87 #87CB3E #3E87CB
tetradic
#CB3E87 #CBC83E #3ECB82 #3E41CB
square
#CB3E87 #CBC83E #3ECB82 #3E41CB
split-complementary
#CB3E87 #41CB3E #3ECBC8
monochromatic
#701E49 #A12B68 #CB3E87 #D86EA5 #E59EC3
إمكانية الوصول والتباين
On white
4.59
#CB3E87 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.58
#CB3E87 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #CB3E87
4.59:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##CB3E87 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##CB3E87 | 1.00 | 4.59 | 4.58 | 4.59 |
| #FFFFFF | 4.59 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.58 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.59 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#566589
Deuteranopia (green-blind)
#7D7F84
Tritanopia (blue-blind)
#DA345D
Achromatopsia (no color)
#757575
وسوم التصميم والكود
CSS
--color: #cb3e87; /* rgb */ color: rgb(203, 62, 135); /* oklch */ color: oklch(58.8% 0.189 352.7);
Tailwind
colors: {
custom: {
50: '#df7eaa',
500: '#cb3e87',
950: '#000000',
},
}SCSS
$custom: #cb3e87; $custom-light: #df7eaa; $custom-dark: #000000;
JSON
{
"hex": "#cb3e87",
"rgb": {
"r": 203,
"g": 62,
"b": 135
},
"hsl": {
"h": 328.936,
"s": 57.551,
"l": 51.961
},
"oklch": {
"l": 0.58846,
"c": 0.18929,
"h": 352.7
},
"luminance": 0.17891
}Semantic roles & 50–950 ramp
primary
#CB3E87
secondary
#94D1B1
accent
#E19147
background
#FEF8FA
surface
#FCEFF4
border
#D5CACE
text
#160B10
muted
#847C7F