#36330C#36330C
#36330C لون داكن وخافت من عائلة أصفر. الإضاءة النسبية 0.032؛ OKLCH L 31.5% C 0.056 H 104.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 12.84:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #36330C |
|---|---|
| RGB | rgb(54, 51, 12) |
| HSL | hsl(56, 64%, 13%) |
| HSV | hsv(56, 78%, 21%) |
| CMYK | cmyk(0%, 5.6%, 77.8%, 78.8%) |
| CIE-LAB | lab(20.75, -4.49, 24.11) |
| CIE-LCH | lch(20.75, 24.52, 100.54°) |
| OKLab | oklab(31.52% -0.0145 0.0546) |
| OKLCH | oklch(31.52% 0.056 104.9) |
| XYZ | xyz(2.7716, 3.1786, 0.8153) |
| Luminance | 0.0318 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Dark Olive
#373E02
ΔE00 6.11
Green Brown
#544E03
ΔE00 10.88
Dark Olive Green
#3C4D03
ΔE00 11.20
Mud Brown
#60460F
ΔE00 12.40
Very Dark Green
#062E03
ΔE00 14.03
Navy Green
#35530A
ΔE00 14.05
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#36330C #0C0F36
analogous
#361E0C #36330C #24360C
triadic
#36330C #0C3633 #330C36
tetradic
#36330C #0C361E #0C0F36 #360C24
square
#36330C #0C361E #0C0F36 #360C24
split-complementary
#36330C #0C2436 #1E0C36
monochromatic
#191806 #191806 #36330C #686217 #9A9222
إمكانية الوصول والتباين
On white
12.84
#36330C on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.64
#36330C on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #36330C
12.84:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##36330C | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##36330C | 1.00 | 12.84 | 1.64 | 12.84 |
| #FFFFFF | 12.84 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.64 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 12.84 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#383107
Deuteranopia (green-blind)
#39330E
Tritanopia (blue-blind)
#3B2F2B
Achromatopsia (no color)
#323232
وسوم التصميم والكود
CSS
--color: #36330c; /* rgb */ color: rgb(54, 51, 12); /* oklch */ color: oklch(31.5% 0.056 104.9);
Tailwind
colors: {
custom: {
50: '#6f6a4d',
500: '#36330c',
950: '#000000',
},
}SCSS
$custom: #36330c; $custom-light: #6f6a4d; $custom-dark: #000000;
JSON
{
"hex": "#36330c",
"rgb": {
"r": 54,
"g": 51,
"b": 12
},
"hsl": {
"h": 55.714,
"s": 63.636,
"l": 12.941
},
"oklch": {
"l": 0.31523,
"c": 0.05646,
"h": 104.9
},
"luminance": 0.03178
}Semantic roles & 50–950 ramp
primary
#36330C
secondary
#2C3172
accent
#4DE741
background
#F6F6F4
surface
#ECEBE7
border
#C7C6C3
text
#070601
muted
#7A7A77