#332F0E#332F0E
#332F0E لون داكن وخافت من عائلة أصفر. الإضاءة النسبية 0.028؛ OKLCH L 30.1% C 0.050 H 102.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 13.52:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #332F0E |
|---|---|
| RGB | rgb(51, 47, 14) |
| HSL | hsl(54, 57%, 13%) |
| HSV | hsv(54, 73%, 20%) |
| CMYK | cmyk(0%, 7.8%, 72.5%, 80%) |
| CIE-LAB | lab(19.09, -3.34, 21.19) |
| CIE-LCH | lch(19.09, 21.45, 98.95°) |
| OKLab | oklab(30.14% -0.0108 0.0488) |
| OKLCH | oklch(30.14% 0.05 102.4) |
| XYZ | xyz(2.4611, 2.7686, 0.8201) |
| Luminance | 0.0277 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Dark Olive
#373E02
ΔE00 7.99
Green Brown
#544E03
ΔE00 12.65
Dark Olive Green
#3C4D03
ΔE00 13.01
Mud Brown
#60460F
ΔE00 13.23
Espresso
#4B382A
ΔE00 13.67
Dark Brown
#341C02
ΔE00 14.05
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#332F0E #0E1233
analogous
#331D0E #332F0E #24330E
triadic
#332F0E #0E332F #2F0E33
tetradic
#332F0E #0E331D #0E1233 #330E24
square
#332F0E #0E331D #0E1233 #330E24
split-complementary
#332F0E #0E2433 #1D0E33
monochromatic
#181607 #181607 #332F0E #635B1B #938828
إمكانية الوصول والتباين
On white
13.52
#332F0E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.55
#332F0E on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #332F0E
13.52:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##332F0E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##332F0E | 1.00 | 13.52 | 1.55 | 13.52 |
| #FFFFFF | 13.52 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.55 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 13.52 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#342D0A
Deuteranopia (green-blind)
#352F10
Tritanopia (blue-blind)
#372B28
Achromatopsia (no color)
#2E2E2E
وسوم التصميم والكود
CSS
--color: #332f0e; /* rgb */ color: rgb(51, 47, 14); /* oklch */ color: oklch(30.1% 0.050 102.4);
Tailwind
colors: {
custom: {
50: '#6c674e',
500: '#332f0e',
950: '#000000',
},
}SCSS
$custom: #332f0e; $custom-light: #6c674e; $custom-dark: #000000;
JSON
{
"hex": "#332f0e",
"rgb": {
"r": 51,
"g": 47,
"b": 14
},
"hsl": {
"h": 53.514,
"s": 56.923,
"l": 12.745
},
"oklch": {
"l": 0.30137,
"c": 0.05,
"h": 102.4
},
"luminance": 0.02769
}Semantic roles & 50–950 ramp
primary
#332F0E
secondary
#2F366E
accent
#58E048
background
#F6F6F4
surface
#EBEBE7
border
#C6C6C3
text
#070601
muted
#7A7A77