#38438B#38438B
#38438B لون داكن ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.067؛ OKLCH L 41.4% C 0.119 H 273.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 8.96:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #38438B |
|---|---|
| RGB | rgb(56, 67, 139) |
| HSL | hsl(232, 43%, 38%) |
| HSV | hsv(232, 60%, 55%) |
| CMYK | cmyk(59.7%, 51.8%, 0%, 45.5%) |
| CIE-LAB | lab(31.16, 18.53, -41.62) |
| CIE-LCH | lch(31.16, 45.56, 294.01°) |
| OKLab | oklab(41.36% 0.0073 -0.119) |
| OKLCH | oklch(41.36% 0.119 273.5) |
| XYZ | xyz(8.2967, 6.7185, 25.2807) |
| Luminance | 0.0672 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Blueberry
#464196
ΔE00 3.66
Darkslateblue
#483D8B
ΔE00 4.56
Cobalt (survey)
#1E488F
ΔE00 5.12
Twilight
#4E518B
ΔE00 5.67
Sapphire (survey)
#2138AB
ΔE00 6.51
Cobalt
#0047AB
ΔE00 6.58
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#38438B #8B8038
analogous
#386C8B #38438B #56388B
triadic
#38438B #8B3843 #438B38
tetradic
#38438B #8B386C #8B8038 #388B56
square
#38438B #8B386C #8B8038 #388B56
split-complementary
#38438B #8B5638 #6C8B38
monochromatic
#151934 #262E5F #38438B #4A58B6 #7681C8
إمكانية الوصول والتباين
On white
8.96
#38438B on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.34
#38438B on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #38438B
8.96:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##38438B | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##38438B | 1.00 | 8.96 | 2.34 | 8.96 |
| #FFFFFF | 8.96 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.34 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.96 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#1D4D8E
Deuteranopia (green-blind)
#0D4689
Tritanopia (blue-blind)
#005360
Achromatopsia (no color)
#494949
وسوم التصميم والكود
CSS
--color: #38438b; /* rgb */ color: rgb(56, 67, 139); /* oklch */ color: oklch(41.4% 0.119 273.5);
Tailwind
colors: {
custom: {
50: '#7676ad',
500: '#38438b',
950: '#000000',
},
}SCSS
$custom: #38438b; $custom-light: #7676ad; $custom-dark: #000000;
JSON
{
"hex": "#38438b",
"rgb": {
"r": 56,
"g": 67,
"b": 139
},
"hsl": {
"h": 232.048,
"s": 42.564,
"l": 38.235
},
"oklch": {
"l": 0.4136,
"c": 0.11924,
"h": 273.5
},
"luminance": 0.06719
}Semantic roles & 50–950 ramp
primary
#38438B
secondary
#B1A86E
accent
#C255D2
background
#F7F7FA
surface
#EDEDF4
border
#C8C8CE
text
#090810
muted
#7B7B7F