#08032B#08032B
#08032B لون داكن جداً ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.003؛ OKLCH L 15.1% C 0.078 H 279.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 19.85:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #08032B |
|---|---|
| RGB | rgb(8, 3, 43) |
| HSL | hsl(248, 87%, 9%) |
| HSV | hsv(248, 93%, 17%) |
| CMYK | cmyk(81.4%, 93%, 0%, 83.1%) |
| CIE-LAB | lab(2.63, 11.96, -23.26) |
| CIE-LCH | lch(2.63, 26.15, 297.21°) |
| OKLab | oklab(15.15% 0.0127 -0.0774) |
| OKLCH | oklch(15.15% 0.078 279.3) |
| XYZ | xyz(0.5686, 0.2911, 2.3113) |
| Luminance | 0.0029 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Midnight
#03012D
ΔE00 1.41
Dark Navy Blue
#00022E
ΔE00 2.11
Very Dark Blue
#000133
ΔE00 3.19
Dark Navy
#000435
ΔE00 3.35
Midnight Blue (survey)
#020035
ΔE00 3.72
Navy (survey)
#01153E
ΔE00 5.04
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#08032B #262B03
analogous
#03122B #08032B #1C032B
triadic
#08032B #2B0803 #032B08
tetradic
#08032B #2B0312 #262B03 #032B1C
square
#08032B #2B0312 #262B03 #032B1C
split-complementary
#08032B #2B1C03 #122B03
monochromatic
#05021D #05021D #08032B #130764 #1D0B9D
إمكانية الوصول والتباين
On white
19.85
#08032B on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.06
#08032B on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #08032B
19.85:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##08032B | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##08032B | 1.00 | 19.85 | 1.06 | 19.85 |
| #FFFFFF | 19.85 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.06 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 19.85 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#000B2C
Deuteranopia (green-blind)
#00082A
Tritanopia (blue-blind)
#000E16
Achromatopsia (no color)
#0A0A0A
وسوم التصميم والكود
CSS
--color: #08032b; /* rgb */ color: rgb(8, 3, 43); /* oklch */ color: oklch(15.1% 0.078 279.3);
Tailwind
colors: {
custom: {
50: '#4b4864',
500: '#08032b',
950: '#000000',
},
}SCSS
$custom: #08032b; $custom-light: #4b4864; $custom-dark: #000000;
JSON
{
"hex": "#08032b",
"rgb": {
"r": 8,
"g": 3,
"b": 43
},
"hsl": {
"h": 247.5,
"s": 86.957,
"l": 9.02
},
"oklch": {
"l": 0.15147,
"c": 0.07848,
"h": 279.3
},
"luminance": 0.00291
}Semantic roles & 50–950 ramp
primary
#08032B
secondary
#646F1B
accent
#FD2BE3
background
#F4F4F6
surface
#E7E6EB
border
#C3C2C6
text
#010005
muted
#77777A