#082A24#082A24
#082A24 لون داكن وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.018؛ OKLCH L 25.9% C 0.040 H 179.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 15.36:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #082A24 |
|---|---|
| RGB | rgb(8, 42, 36) |
| HSL | hsl(169, 68%, 10%) |
| HSV | hsv(169, 81%, 16%) |
| CMYK | cmyk(81%, 0%, 14.3%, 83.5%) |
| CIE-LAB | lab(14.60, -13.97, 0.36) |
| CIE-LCH | lch(14.60, 13.97, 178.52°) |
| OKLab | oklab(25.87% -0.0403 0.0007) |
| OKLCH | oklch(25.87% 0.04 179) |
| XYZ | xyz(1.2464, 1.8348, 1.9572) |
| Luminance | 0.0184 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Dark Teal
#014D4E
ΔE00 11.89
Darkslategray
#2F4F4F
ΔE00 12.48
Dark Forest Green
#002D04
ΔE00 12.57
Gunmetal
#2A3439
ΔE00 12.58
Evergreen
#05472A
ΔE00 12.80
Very Dark Green
#062E03
ΔE00 12.98
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#082A24 #2A080E
analogous
#082A13 #082A24 #081F2A
triadic
#082A24 #24082A #2A2408
tetradic
#082A24 #13082A #2A080E #1F2A08
square
#082A24 #13082A #2A080E #1F2A08
split-complementary
#082A24 #2A081F #2A1308
monochromatic
#051A16 #051A16 #082A24 #125D50 #1C917C
إمكانية الوصول والتباين
On white
15.36
#082A24 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.37
#082A24 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #082A24
15.36:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##082A24 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##082A24 | 1.00 | 15.36 | 1.37 | 15.36 |
| #FFFFFF | 15.36 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.37 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 15.36 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#282724
Deuteranopia (green-blind)
#232324
Tritanopia (blue-blind)
#002B28
Achromatopsia (no color)
#252525
وسوم التصميم والكود
CSS
--color: #082a24; /* rgb */ color: rgb(8, 42, 36); /* oklch */ color: oklch(25.9% 0.040 179.0);
Tailwind
colors: {
custom: {
50: '#4d635e',
500: '#082a24',
950: '#000000',
},
}SCSS
$custom: #082a24; $custom-light: #4d635e; $custom-dark: #000000;
JSON
{
"hex": "#082a24",
"rgb": {
"r": 8,
"g": 42,
"b": 36
},
"hsl": {
"h": 169.412,
"s": 68,
"l": 9.804
},
"oklch": {
"l": 0.25869,
"c": 0.04031,
"h": 179
},
"luminance": 0.01835
}Semantic roles & 50–950 ramp
primary
#082A24
secondary
#692531
accent
#3D5CEB
background
#F4F5F5
surface
#E7EAE9
border
#C3C6C5
text
#010504
muted
#777979