#87203D#87203D
#87203D لون داكن وزاهٍ من عائلة زهري. الإضاءة النسبية 0.065؛ OKLCH L 42.0% C 0.138 H 9.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 9.11:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #87203D |
|---|---|
| RGB | rgb(135, 32, 61) |
| HSL | hsl(343, 62%, 33%) |
| HSV | hsv(343, 76%, 53%) |
| CMYK | cmyk(0%, 76.3%, 54.8%, 47.1%) |
| CIE-LAB | lab(30.69, 44.96, 8.53) |
| CIE-LCH | lch(30.69, 45.77, 10.74°) |
| OKLab | oklab(42.03% 0.1367 0.0218) |
| OKLCH | oklch(42.03% 0.138 9.1) |
| XYZ | xyz(11.3515, 6.5224, 5.0752) |
| Luminance | 0.0652 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Red Wine
#8C0034
ΔE00 3.18
Purple Red
#990147
ΔE00 4.69
Bordeaux
#7B002C
ΔE00 4.71
Cranberry
#9E003A
ΔE00 4.82
Berry
#990F4B
ΔE00 4.95
Wine (survey)
#80013F
ΔE00 5.42
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#87203D #20876A
analogous
#872070 #87203D #873720
triadic
#87203D #3D8720 #203D87
tetradic
#87203D #708720 #20876A #372087
square
#87203D #708720 #20876A #372087
split-complementary
#87203D #208737 #207087
monochromatic
#240910 #561427 #87203D #B82C53 #D54D73
إمكانية الوصول والتباين
On white
9.11
#87203D on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.30
#87203D on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #87203D
9.11:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##87203D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##87203D | 1.00 | 9.11 | 2.30 | 9.11 |
| #FFFFFF | 9.11 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.30 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 9.11 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#3A3B3E
Deuteranopia (green-blind)
#55503A
Tritanopia (blue-blind)
#94042C
Achromatopsia (no color)
#484848
وسوم التصميم والكود
CSS
--color: #87203d; /* rgb */ color: rgb(135, 32, 61); /* oklch */ color: oklch(42.0% 0.138 9.1);
Tailwind
colors: {
custom: {
50: '#b06572',
500: '#87203d',
950: '#000000',
},
}SCSS
$custom: #87203d; $custom-light: #b06572; $custom-dark: #000000;
JSON
{
"hex": "#87203d",
"rgb": {
"r": 135,
"g": 32,
"b": 61
},
"hsl": {
"h": 343.107,
"s": 61.677,
"l": 32.745
},
"oklch": {
"l": 0.42031,
"c": 0.13837,
"h": 9.1
},
"luminance": 0.06521
}Semantic roles & 50–950 ramp
primary
#87203D
secondary
#4BB899
accent
#E5B743
background
#FBF6F6
surface
#F6EBEC
border
#D0C6C7
text
#110607
muted
#807A7A