#21263E#21263E
#21263E لون داكن وخافت من عائلة أزرق. الإضاءة النسبية 0.021؛ OKLCH L 27.6% C 0.045 H 274.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 14.88:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #21263E |
|---|---|
| RGB | rgb(33, 38, 62) |
| HSL | hsl(230, 31%, 19%) |
| HSV | hsv(230, 47%, 24%) |
| CMYK | cmyk(46.8%, 38.7%, 0%, 75.7%) |
| CIE-LAB | lab(15.79, 5.26, -16.04) |
| CIE-LCH | lch(15.79, 16.88, 288.17°) |
| OKLab | oklab(27.59% 0.0032 -0.0449) |
| OKLCH | oklch(27.59% 0.045 274.1) |
| XYZ | xyz(2.1896, 2.0573, 4.8382) |
| Luminance | 0.0206 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Navy Blue
#1B2A4A
ΔE00 3.98
Dark
#1B2431
ΔE00 6.81
Navy (survey)
#01153E
ΔE00 8.09
Marine
#042E60
ΔE00 9.57
Dark Navy Blue
#00022E
ΔE00 10.23
Midnight
#03012D
ΔE00 10.33
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#21263E #3E3921
analogous
#21343E #21263E #2A213E
triadic
#21263E #3E2126 #263E21
tetradic
#21263E #3E2134 #3E3921 #213E2A
square
#21263E #3E2134 #3E3921 #213E2A
split-complementary
#21263E #3E2A21 #343E21
monochromatic
#0B0C14 #0C0E16 #21263E #363E66 #4C578E
إمكانية الوصول والتباين
On white
14.88
#21263E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.41
#21263E on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #21263E
14.88:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##21263E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##21263E | 1.00 | 14.88 | 1.41 | 14.88 |
| #FFFFFF | 14.88 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.41 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 14.88 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#1E293F
Deuteranopia (green-blind)
#1C263D
Tritanopia (blue-blind)
#182B2F
Achromatopsia (no color)
#272727
وسوم التصميم والكود
CSS
--color: #21263e; /* rgb */ color: rgb(33, 38, 62); /* oklch */ color: oklch(27.6% 0.045 274.1);
Tailwind
colors: {
custom: {
50: '#5e6073',
500: '#21263e',
950: '#000000',
},
}SCSS
$custom: #21263e; $custom-light: #5e6073; $custom-dark: #000000;
JSON
{
"hex": "#21263e",
"rgb": {
"r": 33,
"g": 38,
"b": 62
},
"hsl": {
"h": 229.655,
"s": 30.526,
"l": 18.627
},
"oklch": {
"l": 0.27592,
"c": 0.04506,
"h": 274.1
},
"luminance": 0.02057
}Semantic roles & 50–950 ramp
primary
#21263E
secondary
#716A49
accent
#B561C7
background
#F5F5F7
surface
#E9E9ED
border
#C5C5C8
text
#040408
muted
#79797B