#33351B#33351B
#33351B لون داكن وخافت من عائلة أصفر. الإضاءة النسبية 0.033؛ OKLCH L 32.0% C 0.042 H 112.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 12.61:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #33351B |
|---|---|
| RGB | rgb(51, 53, 27) |
| HSL | hsl(65, 33%, 16%) |
| HSV | hsv(65, 49%, 21%) |
| CMYK | cmyk(3.8%, 0%, 49.1%, 79.2%) |
| CIE-LAB | lab(21.32, -5.76, 16.08) |
| CIE-LCH | lch(21.32, 17.08, 109.72°) |
| OKLab | oklab(31.97% -0.016 0.039) |
| OKLCH | oklch(31.97% 0.042 112.4) |
| XYZ | xyz(2.8362, 3.3292, 1.5299) |
| Luminance | 0.0333 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Dark Olive
#373E02
ΔE00 8.30
Charcoal (survey)
#343837
ΔE00 12.10
Dark Olive Green
#3C4D03
ΔE00 12.36
Very Dark Green
#062E03
ΔE00 12.38
Dark Grey
#363737
ΔE00 12.88
Dark Green
#033500
ΔE00 13.13
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#33351B #1D1B35
analogous
#352A1B #33351B #26351B
triadic
#33351B #1B3335 #351B33
tetradic
#33351B #1B352A #1D1B35 #351B26
square
#33351B #1B352A #1D1B35 #351B26
split-complementary
#33351B #1B2635 #2A1B35
monochromatic
#14140A #14140A #33351B #5A5E30 #818644
إمكانية الوصول والتباين
On white
12.61
#33351B on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.67
#33351B on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #33351B
12.61:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##33351B | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##33351B | 1.00 | 12.61 | 1.67 | 12.61 |
| #FFFFFF | 12.61 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.67 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 12.61 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#393319
Deuteranopia (green-blind)
#39341C
Tritanopia (blue-blind)
#36322F
Achromatopsia (no color)
#333333
وسوم التصميم والكود
CSS
--color: #33351b; /* rgb */ color: rgb(51, 53, 27); /* oklch */ color: oklch(32.0% 0.042 112.4);
Tailwind
colors: {
custom: {
50: '#6b6c58',
500: '#33351b',
950: '#000000',
},
}SCSS
$custom: #33351b; $custom-light: #6b6c58; $custom-dark: #000000;
JSON
{
"hex": "#33351b",
"rgb": {
"r": 51,
"g": 53,
"b": 27
},
"hsl": {
"h": 64.615,
"s": 32.5,
"l": 15.686
},
"oklch": {
"l": 0.31968,
"c": 0.04213,
"h": 112.4
},
"luminance": 0.03329
}Semantic roles & 50–950 ramp
primary
#33351B
secondary
#454269
accent
#5FC967
background
#F6F6F5
surface
#EBEBE9
border
#C6C6C5
text
#060603
muted
#7A7A78