#431237#431237
#431237 لون داكن ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.019؛ OKLCH L 27.9% C 0.090 H 338.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 15.21:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #431237 |
|---|---|
| RGB | rgb(67, 18, 55) |
| HSL | hsl(315, 58%, 17%) |
| HSV | hsv(315, 73%, 26%) |
| CMYK | cmyk(0%, 73.1%, 17.9%, 73.7%) |
| CIE-LAB | lab(14.96, 28.33, -12.04) |
| CIE-LCH | lch(14.96, 30.78, 336.98°) |
| OKLab | oklab(27.87% 0.0838 -0.0325) |
| OKLCH | oklch(27.87% 0.09 338.8) |
| XYZ | xyz(3.2207, 1.9020, 3.8112) |
| Luminance | 0.0190 (WCAG relative) |
| Temperature | neutral |
| Family | pink |
أقرب الألوان المُسمّاة
Aubergine
#3D0734
ΔE00 2.55
Dark Plum
#3F012C
ΔE00 3.47
Eggplant
#380835
ΔE00 3.63
Plum (survey)
#580F41
ΔE00 4.73
Eggplant Purple
#430541
ΔE00 4.92
Deep Violet
#490648
ΔE00 5.85
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#431237 #12431E
analogous
#371243 #431237 #43121F
triadic
#431237 #374312 #123743
tetradic
#431237 #433712 #12431E #121F43
square
#431237 #433712 #12431E #121F43
split-complementary
#431237 #1F4312 #124337
monochromatic
#180614 #180614 #431237 #731F5F #A32C86
إمكانية الوصول والتباين
On white
15.21
#431237 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.38
#431237 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #431237
15.21:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##431237 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##431237 | 1.00 | 15.21 | 1.38 | 15.21 |
| #FFFFFF | 15.21 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.38 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 15.21 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#142138
Deuteranopia (green-blind)
#232836
Tritanopia (blue-blind)
#471422
Achromatopsia (no color)
#262626
وسوم التصميم والكود
CSS
--color: #431237; /* rgb */ color: rgb(67, 18, 55); /* oklch */ color: oklch(27.9% 0.090 338.8);
Tailwind
colors: {
custom: {
50: '#79546e',
500: '#431237',
950: '#000000',
},
}SCSS
$custom: #431237; $custom-light: #79546e; $custom-dark: #000000;
JSON
{
"hex": "#431237",
"rgb": {
"r": 67,
"g": 18,
"b": 55
},
"hsl": {
"h": 314.694,
"s": 57.647,
"l": 16.667
},
"oklch": {
"l": 0.27872,
"c": 0.08986,
"h": 338.8
},
"luminance": 0.01902
}Semantic roles & 50–950 ramp
primary
#431237
secondary
#357C46
accent
#E16D47
background
#F7F5F6
surface
#EEE8EB
border
#C9C4C6
text
#090307
muted
#7B787A