#0F211E#0F211E
#0F211E لون داكن جداً وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.013؛ OKLCH L 23.1% C 0.025 H 182.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 16.71:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #0F211E |
|---|---|
| RGB | rgb(15, 33, 30) |
| HSL | hsl(170, 38%, 9%) |
| HSV | hsv(170, 55%, 13%) |
| CMYK | cmyk(54.5%, 0%, 9.1%, 87.1%) |
| CIE-LAB | lab(11.16, -8.40, -0.30) |
| CIE-LCH | lch(11.16, 8.41, 182.08°) |
| OKLab | oklab(23.1% -0.0247 -0.0009) |
| OKLCH | oklch(23.1% 0.025 182.2) |
| XYZ | xyz(0.9751, 1.2829, 1.4243) |
| Luminance | 0.0128 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Almost Black
#070D0D
ΔE00 8.99
Gunmetal
#2A3439
ΔE00 9.89
Charcoal (survey)
#343837
ΔE00 10.78
Onyx
#353839
ΔE00 11.74
Black
#000000
ΔE00 11.89
Dark Grey
#363737
ΔE00 12.16
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#0F211E #210F12
analogous
#0F2115 #0F211E #0F1B21
triadic
#0F211E #1E0F21 #211E0F
tetradic
#0F211E #150F21 #210F12 #1B210F
square
#0F211E #150F21 #210F12 #1B210F
split-complementary
#0F211E #210F1B #21150F
monochromatic
#0A1513 #0A1513 #0F211E #224B44 #35756B
إمكانية الوصول والتباين
On white
16.71
#0F211E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.26
#0F211E on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #0F211E
16.71:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##0F211E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##0F211E | 1.00 | 16.71 | 1.26 | 16.71 |
| #FFFFFF | 16.71 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.26 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 16.71 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#201F1E
Deuteranopia (green-blind)
#1C1D1E
Tritanopia (blue-blind)
#082220
Achromatopsia (no color)
#1E1E1E
وسوم التصميم والكود
CSS
--color: #0f211e; /* rgb */ color: rgb(15, 33, 30); /* oklch */ color: oklch(23.1% 0.025 182.2);
Tailwind
colors: {
custom: {
50: '#4e5c59',
500: '#0f211e',
950: '#000000',
},
}SCSS
$custom: #0f211e; $custom-light: #4e5c59; $custom-dark: #000000;
JSON
{
"hex": "#0f211e",
"rgb": {
"r": 15,
"g": 33,
"b": 30
},
"hsl": {
"h": 170,
"s": 37.5,
"l": 9.412
},
"oklch": {
"l": 0.231,
"c": 0.02474,
"h": 182.2
},
"luminance": 0.01283
}Semantic roles & 50–950 ramp
primary
#0F211E
secondary
#58343A
accent
#5A6ECD
background
#F4F5F5
surface
#E7E9E9
border
#C3C5C5
text
#010403
muted
#777978