#32172F#32172F
#32172F لون داكن وخافت من عائلة purple. الإضاءة النسبية 0.015؛ OKLCH L 25.4% C 0.058 H 331.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 16.16:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #32172F |
|---|---|
| RGB | rgb(50, 23, 47) |
| HSL | hsl(307, 37%, 14%) |
| HSV | hsv(307, 54%, 20%) |
| CMYK | cmyk(0%, 54%, 6%, 80.4%) |
| CIE-LAB | lab(12.58, 17.87, -10.20) |
| CIE-LCH | lch(12.58, 20.57, 330.27°) |
| OKLab | oklab(25.37% 0.0507 -0.0277) |
| OKLCH | oklch(25.37% 0.058 331.3) |
| XYZ | xyz(2.1349, 1.4963, 2.8651) |
| Luminance | 0.0150 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Eggplant
#380835
ΔE00 6.17
Aubergine
#3D0734
ΔE00 6.46
Dark Plum
#3F012C
ΔE00 7.45
Dark Purple
#35063E
ΔE00 8.46
Very Dark Purple
#2A0134
ΔE00 8.53
Eggplant Purple
#430541
ΔE00 8.77
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#32172F #17321A
analogous
#281732 #32172F #321722
triadic
#32172F #2F3217 #172F32
tetradic
#32172F #322817 #17321A #172232
square
#32172F #322817 #17321A #172232
split-complementary
#32172F #223217 #173228
monochromatic
#150A14 #150A14 #32172F #5C2A56 #863E7E
إمكانية الوصول والتباين
On white
16.16
#32172F on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.30
#32172F on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #32172F
16.16:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##32172F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##32172F | 1.00 | 16.16 | 1.30 | 16.16 |
| #FFFFFF | 16.16 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.30 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 16.16 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#161E30
Deuteranopia (green-blind)
#1D222E
Tritanopia (blue-blind)
#341920
Achromatopsia (no color)
#212121
وسوم التصميم والكود
CSS
--color: #32172f; /* rgb */ color: rgb(50, 23, 47); /* oklch */ color: oklch(25.4% 0.058 331.3);
Tailwind
colors: {
custom: {
50: '#6b5567',
500: '#32172f',
950: '#000000',
},
}SCSS
$custom: #32172f; $custom-light: #6b5567; $custom-dark: #000000;
JSON
{
"hex": "#32172f",
"rgb": {
"r": 50,
"g": 23,
"b": 47
},
"hsl": {
"h": 306.667,
"s": 36.986,
"l": 14.314
},
"oklch": {
"l": 0.25368,
"c": 0.0578,
"h": 331.3
},
"luminance": 0.01496
}Semantic roles & 50–950 ramp
primary
#32172F
secondary
#3D6842
accent
#CD685B
background
#F6F4F6
surface
#EBE8EB
border
#C6C4C6
text
#060306
muted
#7A787A