#598CB3#598CB3
#598CB3 لون متوسط ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.241؛ OKLCH L 62.0% C 0.081 H 242.6°. أفضل لون لنص المتن هو #000000 بتباين 5.83:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #598CB3 |
|---|---|
| RGB | rgb(89, 140, 179) |
| HSL | hsl(206, 37%, 53%) |
| HSV | hsv(206, 50%, 70%) |
| CMYK | cmyk(50.3%, 21.8%, 0%, 29.8%) |
| CIE-LAB | lab(56.22, -6.02, -25.72) |
| CIE-LCH | lch(56.22, 26.42, 256.82°) |
| OKLab | oklab(61.99% -0.0372 -0.0717) |
| OKLCH | oklch(61.99% 0.081 242.6) |
| XYZ | xyz(21.6317, 24.1330, 46.1573) |
| Luminance | 0.2414 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Dusty Blue
#5A86AD
ΔE00 2.42
Off Blue
#5684AE
ΔE00 3.12
Cool Blue
#4984B8
ΔE00 3.73
Faded Blue
#658CBB
ΔE00 4.00
Steel Blue
#4682B4
ΔE00 4.24
Greyish Blue
#5E819D
ΔE00 4.92
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#598CB3 #B38059
analogous
#59B3AD #598CB3 #595FB3
triadic
#598CB3 #B3598C #8CB359
tetradic
#598CB3 #AD59B3 #B38059 #5FB359
square
#598CB3 #AD59B3 #B38059 #5FB359
split-complementary
#598CB3 #B3595F #B3AD59
monochromatic
#2E4C64 #416D8E #598CB3 #83A9C6 #ADC6D9
إمكانية الوصول والتباين
On white
3.60
#598CB3 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.83
#598CB3 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #598CB3
5.83:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##598CB3 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##598CB3 | 1.00 | 3.60 | 5.83 | 5.83 |
| #FFFFFF | 3.60 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.83 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.83 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7B8CB5
Deuteranopia (green-blind)
#6F83B2
Tritanopia (blue-blind)
#2C9699
Achromatopsia (no color)
#878787
وسوم التصميم والكود
CSS
--color: #598cb3; /* rgb */ color: rgb(89, 140, 179); /* oklch */ color: oklch(62.0% 0.081 242.6);
Tailwind
colors: {
custom: {
50: '#8dadca',
500: '#598cb3',
950: '#000000',
},
}SCSS
$custom: #598cb3; $custom-light: #8dadca; $custom-dark: #000000;
JSON
{
"hex": "#598cb3",
"rgb": {
"r": 89,
"g": 140,
"b": 179
},
"hsl": {
"h": 206,
"s": 37.19,
"l": 52.549
},
"oklch": {
"l": 0.61986,
"c": 0.08074,
"h": 242.6
},
"luminance": 0.24135
}Semantic roles & 50–950 ramp
primary
#598CB3
secondary
#C7B1A0
accent
#8C5BCD
background
#F8FAFC
surface
#F0F4F8
border
#CBCED1
text
#0D1013
muted
#7D7F82