#031C0F#031C0F
#031C0F لون داكن جداً وخافت من عائلة أخضر. الإضاءة النسبية 0.009؛ OKLCH L 20.2% C 0.042 H 158.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 17.85:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #031C0F |
|---|---|
| RGB | rgb(3, 28, 15) |
| HSL | hsl(149, 81%, 6%) |
| HSV | hsv(149, 89%, 11%) |
| CMYK | cmyk(89.3%, 0%, 46.4%, 89%) |
| CIE-LAB | lab(7.99, -12.35, 5.27) |
| CIE-LCH | lch(7.99, 13.43, 156.88°) |
| OKLab | oklab(20.19% -0.0386 0.0155) |
| OKLCH | oklch(20.19% 0.042 158.1) |
| XYZ | xyz(0.5390, 0.8843, 0.5941) |
| Luminance | 0.0088 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Dark Forest Green
#002D04
ΔE00 10.91
Very Dark Green
#062E03
ΔE00 11.19
Almost Black
#070D0D
ΔE00 11.94
Dark Green
#033500
ΔE00 13.98
Black
#000000
ΔE00 14.22
Charcoal (survey)
#343837
ΔE00 14.87
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#031C0F #1C0310
analogous
#031C03 #031C0F #031C1B
triadic
#031C0F #0F031C #1C0F03
tetradic
#031C0F #03031C #1C0310 #1C1B03
square
#031C0F #03031C #1C0310 #1C1B03
split-complementary
#031C0F #1B031C #1C0303
monochromatic
#031C0F #031C0F #031C0F #09532D #0F8B4A
إمكانية الوصول والتباين
On white
17.85
#031C0F on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.18
#031C0F on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #031C0F
17.85:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##031C0F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##031C0F | 1.00 | 17.85 | 1.18 | 17.85 |
| #FFFFFF | 17.85 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.18 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 17.85 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#1C190E
Deuteranopia (green-blind)
#181610
Tritanopia (blue-blind)
#001C19
Achromatopsia (no color)
#171717
وسوم التصميم والكود
CSS
--color: #031c0f; /* rgb */ color: rgb(3, 28, 15); /* oklch */ color: oklch(20.2% 0.042 158.1);
Tailwind
colors: {
custom: {
50: '#47584e',
500: '#031c0f',
950: '#000000',
},
}SCSS
$custom: #031c0f; $custom-light: #47584e; $custom-dark: #000000;
JSON
{
"hex": "#031c0f",
"rgb": {
"r": 3,
"g": 28,
"b": 15
},
"hsl": {
"h": 148.8,
"s": 80.645,
"l": 6.078
},
"oklch": {
"l": 0.20187,
"c": 0.04164,
"h": 158.1
},
"luminance": 0.00884
}Semantic roles & 50–950 ramp
primary
#031C0F
secondary
#601B3F
accent
#3198F7
background
#F4F5F4
surface
#E6E9E7
border
#C2C5C3
text
#000301
muted
#777877