#0C2B08#0C2B08
#0C2B08 لون داكن ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.018؛ OKLCH L 25.7% C 0.070 H 141.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 15.39:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #0C2B08 |
|---|---|
| RGB | rgb(12, 43, 8) |
| HSL | hsl(113, 69%, 10%) |
| HSV | hsv(113, 81%, 17%) |
| CMYK | cmyk(72.1%, 0%, 81.4%, 83.1%) |
| CIE-LAB | lab(14.53, -19.92, 17.53) |
| CIE-LCH | lch(14.53, 26.54, 138.64°) |
| OKLab | oklab(25.66% -0.0544 0.0434) |
| OKLCH | oklch(25.66% 0.07 141.4) |
| XYZ | xyz(1.0593, 1.8234, 0.5258) |
| Luminance | 0.0182 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Very Dark Green
#062E03
ΔE00 2.28
Dark Forest Green
#002D04
ΔE00 2.57
Dark Green
#033500
ΔE00 5.13
Hunter Green (survey)
#0B4008
ΔE00 7.83
Pine Green
#0A481E
ΔE00 9.27
Forrest Green
#154406
ΔE00 9.28
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#0C2B08 #27082B
analogous
#1D2B08 #0C2B08 #082B16
triadic
#0C2B08 #080C2B #2B080C
tetradic
#0C2B08 #081D2B #27082B #2B1608
square
#0C2B08 #081D2B #27082B #2B1608
split-complementary
#0C2B08 #16082B #2B081D
monochromatic
#071A05 #071A05 #0C2B08 #1A5F12 #29921B
إمكانية الوصول والتباين
On white
15.39
#0C2B08 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.36
#0C2B08 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #0C2B08
15.39:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##0C2B08 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##0C2B08 | 1.00 | 15.39 | 1.36 | 15.39 |
| #FFFFFF | 15.39 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.36 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 15.39 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#2C2605
Deuteranopia (green-blind)
#28240B
Tritanopia (blue-blind)
#082924
Achromatopsia (no color)
#252525
وسوم التصميم والكود
CSS
--color: #0c2b08; /* rgb */ color: rgb(12, 43, 8); /* oklch */ color: oklch(25.7% 0.070 141.4);
Tailwind
colors: {
custom: {
50: '#4e654a',
500: '#0c2b08',
950: '#000000',
},
}SCSS
$custom: #0c2b08; $custom-light: #4e654a; $custom-dark: #000000;
JSON
{
"hex": "#0c2b08",
"rgb": {
"r": 12,
"g": 43,
"b": 8
},
"hsl": {
"h": 113.143,
"s": 68.627,
"l": 10
},
"oklch": {
"l": 0.25658,
"c": 0.0696,
"h": 141.4
},
"luminance": 0.01823
}Semantic roles & 50–950 ramp
primary
#0C2B08
secondary
#62256A
accent
#3CEBD7
background
#F4F6F4
surface
#E7EBE7
border
#C3C6C3
text
#020501
muted
#787A77