#33112E#33112E
#33112E لون داكن جداً ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.013؛ OKLCH L 24.4% C 0.070 H 333.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 16.66:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #33112E |
|---|---|
| RGB | rgb(51, 17, 46) |
| HSL | hsl(309, 50%, 13%) |
| HSV | hsv(309, 67%, 20%) |
| CMYK | cmyk(0%, 66.7%, 9.8%, 80%) |
| CIE-LAB | lab(11.29, 21.75, -11.46) |
| CIE-LCH | lch(11.29, 24.58, 332.20°) |
| OKLab | oklab(24.43% 0.0626 -0.0312) |
| OKLCH | oklch(24.43% 0.07 333.5) |
| XYZ | xyz(2.0588, 1.3021, 2.7271) |
| Luminance | 0.0130 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Eggplant
#380835
ΔE00 4.06
Aubergine
#3D0734
ΔE00 4.29
Dark Plum
#3F012C
ΔE00 5.38
Dark Purple
#35063E
ΔE00 6.85
Very Dark Purple
#2A0134
ΔE00 6.89
Eggplant Purple
#430541
ΔE00 6.99
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#33112E #113316
analogous
#271133 #33112E #33111D
triadic
#33112E #2E3311 #112E33
tetradic
#33112E #332711 #113316 #111D33
square
#33112E #332711 #113316 #111D33
split-complementary
#33112E #1D3311 #113327
monochromatic
#170815 #170815 #33112E #612057 #8F3081
إمكانية الوصول والتباين
On white
16.66
#33112E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.26
#33112E on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #33112E
16.66:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##33112E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##33112E | 1.00 | 16.66 | 1.26 | 16.66 |
| #FFFFFF | 16.66 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.26 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 16.66 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#101B2F
Deuteranopia (green-blind)
#1B202D
Tritanopia (blue-blind)
#36131D
Achromatopsia (no color)
#1E1E1E
وسوم التصميم والكود
CSS
--color: #33112e; /* rgb */ color: rgb(51, 17, 46); /* oklch */ color: oklch(24.4% 0.070 333.5);
Tailwind
colors: {
custom: {
50: '#6c5166',
500: '#33112e',
950: '#000000',
},
}SCSS
$custom: #33112e; $custom-light: #6c5166; $custom-dark: #000000;
JSON
{
"hex": "#33112e",
"rgb": {
"r": 51,
"g": 17,
"b": 46
},
"hsl": {
"h": 308.824,
"s": 50,
"l": 13.333
},
"oklch": {
"l": 0.24427,
"c": 0.06997,
"h": 333.5
},
"luminance": 0.01302
}Semantic roles & 50–950 ramp
primary
#33112E
secondary
#346C3C
accent
#DA634E
background
#F6F4F6
surface
#EBE7EB
border
#C6C3C6
text
#070206
muted
#7A787A