#425282#425282
#425282 لون داكن ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.088؛ OKLCH L 44.8% C 0.082 H 269.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.61:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #425282 |
|---|---|
| RGB | rgb(66, 82, 130) |
| HSL | hsl(225, 33%, 38%) |
| HSV | hsv(225, 49%, 51%) |
| CMYK | cmyk(49.2%, 36.9%, 0%, 49%) |
| CIE-LAB | lab(35.60, 7.90, -28.96) |
| CIE-LCH | lch(35.60, 30.02, 285.26°) |
| OKLab | oklab(44.76% -0.0015 -0.0816) |
| OKLCH | oklch(44.76% 0.082 269) |
| XYZ | xyz(9.2920, 8.8040, 22.3245) |
| Luminance | 0.0881 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Dusk
#4E5481
ΔE00 3.22
Twilight
#4E518B
ΔE00 3.62
Denim Blue
#3B5B92
ΔE00 4.86
Dusky Blue
#475F94
ΔE00 4.98
Dusk Blue
#26538D
ΔE00 5.91
Cobalt (survey)
#1E488F
ΔE00 6.32
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#425282 #827242
analogous
#427282 #425282 #524282
triadic
#425282 #824252 #528242
tetradic
#425282 #824272 #827242 #428252
square
#425282 #824272 #827242 #428252
split-complementary
#425282 #825242 #728242
monochromatic
#191F31 #2D3859 #425282 #576CAA #8090BE
إمكانية الوصول والتباين
On white
7.61
#425282 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.76
#425282 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #425282
7.61:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##425282 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##425282 | 1.00 | 7.61 | 2.76 | 7.61 |
| #FFFFFF | 7.61 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.76 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.61 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#405784
Deuteranopia (green-blind)
#3A5181
Tritanopia (blue-blind)
#295C64
Achromatopsia (no color)
#545454
وسوم التصميم والكود
CSS
--color: #425282; /* rgb */ color: rgb(66, 82, 130); /* oklch */ color: oklch(44.8% 0.082 269.0);
Tailwind
colors: {
custom: {
50: '#7a82a6',
500: '#425282',
950: '#000000',
},
}SCSS
$custom: #425282; $custom-light: #7a82a6; $custom-dark: #000000;
JSON
{
"hex": "#425282",
"rgb": {
"r": 66,
"g": 82,
"b": 130
},
"hsl": {
"h": 225,
"s": 32.653,
"l": 38.431
},
"oklch": {
"l": 0.44763,
"c": 0.08158,
"h": 269
},
"luminance": 0.08805
}Semantic roles & 50–950 ramp
primary
#425282
secondary
#A99D77
accent
#AE5FC9
background
#F7F7FA
surface
#EEEEF4
border
#C9C9CE
text
#090A0F
muted
#7B7C7F