#151F0A#151F0A
#151F0A لون داكن جداً وخافت من عائلة أصفر مخضرّ. الإضاءة النسبية 0.012؛ OKLCH L 22.3% C 0.040 H 130.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 17.04:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #151F0A |
|---|---|
| RGB | rgb(21, 31, 10) |
| HSL | hsl(89, 51%, 8%) |
| HSV | hsv(89, 68%, 12%) |
| CMYK | cmyk(32.3%, 0%, 67.7%, 87.8%) |
| CIE-LAB | lab(10.27, -9.28, 11.04) |
| CIE-LCH | lch(10.27, 14.42, 130.06°) |
| OKLab | oklab(22.33% -0.0258 0.0306) |
| OKLCH | oklch(22.33% 0.04 130.1) |
| XYZ | xyz(0.8540, 1.1613, 0.4663) |
| Luminance | 0.0116 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Very Dark Green
#062E03
ΔE00 9.98
Dark Forest Green
#002D04
ΔE00 10.26
Almost Black
#070D0D
ΔE00 12.32
Dark Green
#033500
ΔE00 12.40
Charcoal (survey)
#343837
ΔE00 13.83
Black
#000000
ΔE00 14.08
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#151F0A #140A1F
analogous
#1F1E0A #151F0A #0A1F0A
triadic
#151F0A #0A151F #1F0A15
tetradic
#151F0A #0A1F1E #140A1F #1F0A0A
square
#151F0A #0A1F1E #140A1F #1F0A0A
split-complementary
#151F0A #0A0A1F #1E0A1F
monochromatic
#101707 #101707 #151F0A #344D19 #547C28
إمكانية الوصول والتباين
On white
17.04
#151F0A on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.23
#151F0A on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #151F0A
17.04:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##151F0A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##151F0A | 1.00 | 17.04 | 1.23 | 17.04 |
| #FFFFFF | 17.04 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.23 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 17.04 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#211C08
Deuteranopia (green-blind)
#1F1C0B
Tritanopia (blue-blind)
#161D1A
Achromatopsia (no color)
#1C1C1C
وسوم التصميم والكود
CSS
--color: #151f0a; /* rgb */ color: rgb(21, 31, 10); /* oklch */ color: oklch(22.3% 0.040 130.1);
Tailwind
colors: {
custom: {
50: '#525a4b',
500: '#151f0a',
950: '#000000',
},
}SCSS
$custom: #151f0a; $custom-light: #525a4b; $custom-dark: #000000;
JSON
{
"hex": "#151f0a",
"rgb": {
"r": 21,
"g": 31,
"b": 10
},
"hsl": {
"h": 88.571,
"s": 51.22,
"l": 8.039
},
"oklch": {
"l": 0.22325,
"c": 0.04004,
"h": 130.1
},
"luminance": 0.01161
}Semantic roles & 50–950 ramp
primary
#151F0A
secondary
#412B5A
accent
#4DDB91
background
#F4F5F4
surface
#E7E9E7
border
#C3C5C3
text
#020301
muted
#787877