#02232F#02232F
#02232F لون داكن جداً وخافت من عائلة سماوي. الإضاءة النسبية 0.014؛ OKLCH L 23.9% C 0.044 H 226.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 16.36:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #02232F |
|---|---|
| RGB | rgb(2, 35, 47) |
| HSL | hsl(196, 92%, 10%) |
| HSV | hsv(196, 96%, 18%) |
| CMYK | cmyk(95.7%, 25.5%, 0%, 81.6%) |
| CIE-LAB | lab(12.09, -6.67, -11.31) |
| CIE-LCH | lch(12.09, 13.13, 239.50°) |
| OKLab | oklab(23.93% -0.0301 -0.0318) |
| OKLCH | oklch(23.93% 0.044 226.6) |
| XYZ | xyz(1.1389, 1.4201, 2.9028) |
| Luminance | 0.0142 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Dark
#1B2431
ΔE00 7.88
Dark Blue Grey
#1F3B4D
ΔE00 8.33
Gunmetal
#2A3439
ΔE00 8.43
Almost Black
#070D0D
ΔE00 10.98
Charcoal
#36454F
ΔE00 12.00
Dark Grey Blue
#29465B
ΔE00 12.03
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#02232F #2F0E02
analogous
#022F25 #02232F #020D2F
triadic
#02232F #2F0223 #232F02
tetradic
#02232F #25022F #2F0E02 #0D2F02
square
#02232F #25022F #2F0E02 #0D2F02
split-complementary
#02232F #2F020D #2F2502
monochromatic
#01161D #01161D #02232F #044F6A #077AA4
إمكانية الوصول والتباين
On white
16.36
#02232F on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.28
#02232F on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #02232F
16.36:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##02232F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##02232F | 1.00 | 16.36 | 1.28 | 16.36 |
| #FFFFFF | 16.36 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.28 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 16.36 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#1D2230
Deuteranopia (green-blind)
#161E2F
Tritanopia (blue-blind)
#002627
Achromatopsia (no color)
#202020
وسوم التصميم والكود
CSS
--color: #02232f; /* rgb */ color: rgb(2, 35, 47); /* oklch */ color: oklch(23.9% 0.044 226.6);
Tailwind
colors: {
custom: {
50: '#4b5d67',
500: '#02232f',
950: '#000000',
},
}SCSS
$custom: #02232f; $custom-light: #4b5d67; $custom-dark: #000000;
JSON
{
"hex": "#02232f",
"rgb": {
"r": 2,
"g": 35,
"b": 47
},
"hsl": {
"h": 196,
"s": 91.837,
"l": 9.608
},
"oklch": {
"l": 0.23933,
"c": 0.04378,
"h": 226.6
},
"luminance": 0.0142
}Semantic roles & 50–950 ramp
primary
#02232F
secondary
#743119
accent
#6229FF
background
#F4F5F6
surface
#E7E9EB
border
#C3C5C6
text
#010406
muted
#77797A