#16152C#16152C
#16152C لون داكن جداً وخافت من عائلة أزرق. الإضاءة النسبية 0.009؛ OKLCH L 21.0% C 0.045 H 283.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 17.83:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #16152C |
|---|---|
| RGB | rgb(22, 21, 44) |
| HSL | hsl(243, 35%, 13%) |
| HSV | hsv(243, 52%, 17%) |
| CMYK | cmyk(50%, 52.3%, 0%, 82.7%) |
| CIE-LAB | lab(8.03, 7.91, -15.41) |
| CIE-LCH | lch(8.03, 17.32, 297.19°) |
| OKLab | oklab(21.02% 0.0107 -0.0434) |
| OKLCH | oklch(21.02% 0.045 283.8) |
| XYZ | xyz(1.0535, 0.8887, 2.4984) |
| Luminance | 0.0089 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Midnight
#03012D
ΔE00 6.74
Dark Navy Blue
#00022E
ΔE00 7.00
Navy (survey)
#01153E
ΔE00 7.39
Dark Navy
#000435
ΔE00 8.28
Very Dark Blue
#000133
ΔE00 8.34
Navy Blue
#1B2A4A
ΔE00 8.67
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#16152C #2B2C15
analogous
#151F2C #16152C #21152C
triadic
#16152C #2C1615 #152C16
tetradic
#16152C #2C151F #2B2C15 #152C21
square
#16152C #2C151F #2B2C15 #152C21
split-complementary
#16152C #2C2115 #1F2C15
monochromatic
#0A0A15 #0A0A15 #16152C #2B2955 #3F3D7F
إمكانية الوصول والتباين
On white
17.83
#16152C on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.18
#16152C on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #16152C
17.83:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##16152C | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##16152C | 1.00 | 17.83 | 1.18 | 17.83 |
| #FFFFFF | 17.83 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.18 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 17.83 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#0D182D
Deuteranopia (green-blind)
#0C172B
Tritanopia (blue-blind)
#101A1E
Achromatopsia (no color)
#181818
وسوم التصميم والكود
CSS
--color: #16152c; /* rgb */ color: rgb(22, 21, 44); /* oklch */ color: oklch(21.0% 0.045 283.8);
Tailwind
colors: {
custom: {
50: '#545265',
500: '#16152c',
950: '#000000',
},
}SCSS
$custom: #16152c; $custom-light: #545265; $custom-dark: #000000;
JSON
{
"hex": "#16152c",
"rgb": {
"r": 22,
"g": 21,
"b": 44
},
"hsl": {
"h": 242.609,
"s": 35.385,
"l": 12.745
},
"oklch": {
"l": 0.21022,
"c": 0.04475,
"h": 283.8
},
"luminance": 0.00889
}Semantic roles & 50–950 ramp
primary
#16152C
secondary
#60623B
accent
#CB5CC7
background
#F4F4F6
surface
#E7E7EB
border
#C3C3C6
text
#030205
muted
#78787A