#28233E#28233E
#28233E لون داكن وخافت من عائلة بنفسجي. الإضاءة النسبية 0.020؛ OKLCH L 27.5% C 0.049 H 291.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 15.00:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #28233E |
|---|---|
| RGB | rgb(40, 35, 62) |
| HSL | hsl(251, 28%, 19%) |
| HSV | hsv(251, 44%, 24%) |
| CMYK | cmyk(35.5%, 43.5%, 0%, 75.7%) |
| CIE-LAB | lab(15.49, 9.83, -16.45) |
| CIE-LCH | lch(15.49, 19.16, 300.85°) |
| OKLab | oklab(27.53% 0.0179 -0.046) |
| OKLCH | oklch(27.53% 0.049 291.3) |
| XYZ | xyz(2.3454, 2.0009, 4.8191) |
| Luminance | 0.0200 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Navy Blue
#1B2A4A
ΔE00 7.29
Navy (survey)
#01153E
ΔE00 8.76
Midnight
#03012D
ΔE00 9.82
Dark Navy Blue
#00022E
ΔE00 10.07
Navy Blue (survey)
#001146
ΔE00 10.55
Dark Navy
#000435
ΔE00 10.60
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#28233E #393E23
analogous
#232C3E #28233E #36233E
triadic
#28233E #3E2823 #233E28
tetradic
#28233E #3E232C #393E23 #233E36
square
#28233E #3E232C #393E23 #233E36
split-complementary
#28233E #3E3623 #2C3E23
monochromatic
#0D0B14 #0F0D17 #28233E #413965 #5A4F8C
إمكانية الوصول والتباين
On white
15.00
#28233E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.40
#28233E on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #28233E
15.00:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##28233E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##28233E | 1.00 | 15.00 | 1.40 | 15.00 |
| #FFFFFF | 15.00 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.40 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 15.00 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#1B273F
Deuteranopia (green-blind)
#1B263D
Tritanopia (blue-blind)
#23282D
Achromatopsia (no color)
#272727
وسوم التصميم والكود
CSS
--color: #28233e; /* rgb */ color: rgb(40, 35, 62); /* oklch */ color: oklch(27.5% 0.049 291.3);
Tailwind
colors: {
custom: {
50: '#635d73',
500: '#28233e',
950: '#000000',
},
}SCSS
$custom: #28233e; $custom-light: #635d73; $custom-dark: #000000;
JSON
{
"hex": "#28233e",
"rgb": {
"r": 40,
"g": 35,
"b": 62
},
"hsl": {
"h": 251.111,
"s": 27.835,
"l": 19.02
},
"oklch": {
"l": 0.27533,
"c": 0.04933,
"h": 291.3
},
"luminance": 0.02001
}Semantic roles & 50–950 ramp
primary
#28233E
secondary
#6A714C
accent
#C464B2
background
#F5F5F7
surface
#EAE9ED
border
#C6C5C8
text
#050408
muted
#79797B