#33192A#33192A
#33192A لون داكن وخافت من عائلة زهري. الإضاءة النسبية 0.016؛ OKLCH L 25.7% C 0.049 H 341.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 15.99:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #33192A |
|---|---|
| RGB | rgb(51, 25, 42) |
| HSL | hsl(321, 34%, 15%) |
| HSV | hsv(321, 51%, 20%) |
| CMYK | cmyk(0%, 51%, 17.6%, 80%) |
| CIE-LAB | lab(13.02, 15.88, -5.88) |
| CIE-LCH | lch(13.02, 16.93, 339.68°) |
| OKLab | oklab(25.65% 0.0467 -0.0156) |
| OKLCH | oklch(25.65% 0.049 341.5) |
| XYZ | xyz(2.1308, 1.5664, 2.3801) |
| Luminance | 0.0157 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Aubergine
#3D0734
ΔE00 8.46
Eggplant
#380835
ΔE00 8.55
Dark Plum
#3F012C
ΔE00 8.62
Very Dark Brown
#1D0200
ΔE00 10.79
Plum (survey)
#580F41
ΔE00 11.03
Eggplant Purple
#430541
ΔE00 11.07
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#33192A #193322
analogous
#2F1933 #33192A #33191D
triadic
#33192A #2A3319 #192A33
tetradic
#33192A #332F19 #193322 #191D33
square
#33192A #332F19 #193322 #191D33
split-complementary
#33192A #1D3319 #19332F
monochromatic
#150A11 #150A11 #33192A #5C2D4C #85416E
إمكانية الوصول والتباين
On white
15.99
#33192A on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.31
#33192A on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #33192A
15.99:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##33192A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##33192A | 1.00 | 15.99 | 1.31 | 15.99 |
| #FFFFFF | 15.99 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.31 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 15.99 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#1A1F2B
Deuteranopia (green-blind)
#212329
Tritanopia (blue-blind)
#36191F
Achromatopsia (no color)
#222222
وسوم التصميم والكود
CSS
--color: #33192a; /* rgb */ color: rgb(51, 25, 42); /* oklch */ color: oklch(25.7% 0.049 341.5);
Tailwind
colors: {
custom: {
50: '#6b5663',
500: '#33192a',
950: '#000000',
},
}SCSS
$custom: #33192a; $custom-light: #6b5663; $custom-dark: #000000;
JSON
{
"hex": "#33192a",
"rgb": {
"r": 51,
"g": 25,
"b": 42
},
"hsl": {
"h": 320.769,
"s": 34.211,
"l": 14.902
},
"oklch": {
"l": 0.25654,
"c": 0.04926,
"h": 341.5
},
"luminance": 0.01566
}Semantic roles & 50–950 ramp
primary
#33192A
secondary
#40684E
accent
#CA835E
background
#F6F5F5
surface
#EBE9EA
border
#C6C5C6
text
#070305
muted
#7A7879