#213317#213317
#213317 لون داكن وخافت من عائلة أصفر مخضرّ. الإضاءة النسبية 0.028؛ OKLCH L 29.7% C 0.053 H 135.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 13.54:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #213317 |
|---|---|
| RGB | rgb(33, 51, 23) |
| HSL | hsl(99, 38%, 15%) |
| HSV | hsv(99, 55%, 20%) |
| CMYK | cmyk(35.3%, 0%, 54.9%, 80%) |
| CIE-LAB | lab(19.03, -13.73, 15.41) |
| CIE-LCH | lch(19.03, 20.64, 131.69°) |
| OKLab | oklab(29.72% -0.0377 0.0374) |
| OKLCH | oklch(29.72% 0.053 135.3) |
| XYZ | xyz(1.9656, 2.7528, 1.2382) |
| Luminance | 0.0275 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Very Dark Green
#062E03
ΔE00 6.19
Dark Forest Green
#002D04
ΔE00 6.86
Dark Green
#033500
ΔE00 7.70
Hunter Green (survey)
#0B4008
ΔE00 8.85
Forrest Green
#154406
ΔE00 9.60
Pine Green
#0A481E
ΔE00 9.64
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#213317 #291733
analogous
#2F3317 #213317 #17331B
triadic
#213317 #172133 #331721
tetradic
#213317 #172F33 #291733 #331B17
square
#213317 #172F33 #291733 #331B17
split-complementary
#213317 #1B1733 #33172F
monochromatic
#0E150A #0E150A #213317 #3C5D2A #58873D
إمكانية الوصول والتباين
On white
13.54
#213317 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.55
#213317 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #213317
13.54:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##213317 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##213317 | 1.00 | 13.54 | 1.55 | 13.54 |
| #FFFFFF | 13.54 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.55 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 13.54 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#352F15
Deuteranopia (green-blind)
#322E19
Tritanopia (blue-blind)
#21312C
Achromatopsia (no color)
#2E2E2E
وسوم التصميم والكود
CSS
--color: #213317; /* rgb */ color: rgb(33, 51, 23); /* oklch */ color: oklch(29.7% 0.053 135.3);
Tailwind
colors: {
custom: {
50: '#5d6a54',
500: '#213317',
950: '#000000',
},
}SCSS
$custom: #213317; $custom-light: #5d6a54; $custom-dark: #000000;
JSON
{
"hex": "#213317",
"rgb": {
"r": 33,
"g": 51,
"b": 23
},
"hsl": {
"h": 98.571,
"s": 37.838,
"l": 14.51
},
"oklch": {
"l": 0.2972,
"c": 0.05311,
"h": 135.3
},
"luminance": 0.02753
}Semantic roles & 50–950 ramp
primary
#213317
secondary
#593D69
accent
#5ACEA4
background
#F5F6F4
surface
#E9EBE7
border
#C5C6C3
text
#040603
muted
#797A78