#151D0F#151D0F
#151D0F لون داكن جداً وخافت من عائلة أصفر مخضرّ. الإضاءة النسبية 0.011؛ OKLCH L 21.8% C 0.029 H 132.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 17.29:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #151D0F |
|---|---|
| RGB | rgb(21, 29, 15) |
| HSL | hsl(94, 32%, 9%) |
| HSV | hsv(94, 48%, 11%) |
| CMYK | cmyk(27.6%, 0%, 48.3%, 88.6%) |
| CIE-LAB | lab(9.58, -7.11, 7.73) |
| CIE-LCH | lch(9.58, 10.50, 132.61°) |
| OKLab | oklab(21.8% -0.0194 0.0211) |
| OKLCH | oklch(21.8% 0.029 132.5) |
| XYZ | xyz(0.8348, 1.0726, 0.6149) |
| Luminance | 0.0107 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Almost Black
#070D0D
ΔE00 9.71
Black
#000000
ΔE00 11.65
Charcoal (survey)
#343837
ΔE00 12.19
Very Dark Green
#062E03
ΔE00 12.45
Dark Forest Green
#002D04
ΔE00 12.66
Dark Grey
#363737
ΔE00 13.23
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#151D0F #170F1D
analogous
#1C1D0F #151D0F #0F1D10
triadic
#151D0F #0F151D #1D0F15
tetradic
#151D0F #0F1C1D #170F1D #1D100F
square
#151D0F #0F1C1D #170F1D #1D100F
split-complementary
#151D0F #100F1D #1D0F1C
monochromatic
#0F140A #0F140A #151D0F #324524 #4F6E39
إمكانية الوصول والتباين
On white
17.29
#151D0F on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.21
#151D0F on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #151D0F
17.29:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##151D0F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##151D0F | 1.00 | 17.29 | 1.21 | 17.29 |
| #FFFFFF | 17.29 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.21 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 17.29 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#1E1B0E
Deuteranopia (green-blind)
#1D1A10
Tritanopia (blue-blind)
#151C19
Achromatopsia (no color)
#1B1B1B
وسوم التصميم والكود
CSS
--color: #151d0f; /* rgb */ color: rgb(21, 29, 15); /* oklch */ color: oklch(21.8% 0.029 132.5);
Tailwind
colors: {
custom: {
50: '#52584e',
500: '#151d0f',
950: '#000000',
},
}SCSS
$custom: #151d0f; $custom-light: #52584e; $custom-dark: #000000;
JSON
{
"hex": "#151d0f",
"rgb": {
"r": 21,
"g": 29,
"b": 15
},
"hsl": {
"h": 94.286,
"s": 31.818,
"l": 8.627
},
"oklch": {
"l": 0.21804,
"c": 0.02866,
"h": 132.5
},
"luminance": 0.01073
}Semantic roles & 50–950 ramp
primary
#151D0F
secondary
#463553
accent
#60C89B
background
#F4F5F4
surface
#E7E9E7
border
#C3C5C3
text
#020301
muted
#787877