#2B3514#2B3514
#2B3514 لون داكن وخافت من عائلة أصفر مخضرّ. الإضاءة النسبية 0.031؛ OKLCH L 31.1% C 0.054 H 123.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 12.95:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #2B3514 |
|---|---|
| RGB | rgb(43, 53, 20) |
| HSL | hsl(78, 45%, 14%) |
| HSV | hsv(78, 62%, 21%) |
| CMYK | cmyk(18.9%, 0%, 62.3%, 79.2%) |
| CIE-LAB | lab(20.48, -10.64, 19.20) |
| CIE-LCH | lch(20.48, 21.95, 119.01°) |
| OKLab | oklab(31.08% -0.03 0.0453) |
| OKLCH | oklch(31.08% 0.054 123.5) |
| XYZ | xyz(2.3956, 3.1103, 1.1358) |
| Luminance | 0.0311 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Dark Olive
#373E02
ΔE00 6.91
Very Dark Green
#062E03
ΔE00 8.57
Dark Green
#033500
ΔE00 9.31
Dark Forest Green
#002D04
ΔE00 9.51
Hunter Green (survey)
#0B4008
ΔE00 9.86
Forrest Green
#154406
ΔE00 9.95
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#2B3514 #1E1435
analogous
#352F14 #2B3514 #1B3514
triadic
#2B3514 #142B35 #35142B
tetradic
#2B3514 #14352F #1E1435 #35141B
square
#2B3514 #14352F #1E1435 #35141B
split-complementary
#2B3514 #141B35 #2F1435
monochromatic
#121608 #121608 #2B3514 #4F6125 #738E36
إمكانية الوصول والتباين
On white
12.95
#2B3514 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.62
#2B3514 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #2B3514
12.95:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##2B3514 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##2B3514 | 1.00 | 12.95 | 1.62 | 12.95 |
| #FFFFFF | 12.95 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.62 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 12.95 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#383211
Deuteranopia (green-blind)
#373116
Tritanopia (blue-blind)
#2D322E
Achromatopsia (no color)
#313131
وسوم التصميم والكود
CSS
--color: #2b3514; /* rgb */ color: rgb(43, 53, 20); /* oklch */ color: oklch(31.1% 0.054 123.5);
Tailwind
colors: {
custom: {
50: '#656c52',
500: '#2b3514',
950: '#000000',
},
}SCSS
$custom: #2b3514; $custom-light: #656c52; $custom-dark: #000000;
JSON
{
"hex": "#2b3514",
"rgb": {
"r": 43,
"g": 53,
"b": 20
},
"hsl": {
"h": 78.182,
"s": 45.205,
"l": 14.314
},
"oklch": {
"l": 0.31081,
"c": 0.05439,
"h": 123.5
},
"luminance": 0.0311
}Semantic roles & 50–950 ramp
primary
#2B3514
secondary
#48386C
accent
#53D57A
background
#F6F6F4
surface
#EBEBE7
border
#C6C6C3
text
#060602
muted
#7A7A78