#658DA3#658DA3
#658DA3 لون فاتح وخافت من عائلة سماوي. الإضاءة النسبية 0.245؛ OKLCH L 62.2% C 0.055 H 232.9°. أفضل لون لنص المتن هو #000000 بتباين 5.89:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #658DA3 |
|---|---|
| RGB | rgb(101, 141, 163) |
| HSL | hsl(201, 25%, 52%) |
| HSV | hsv(201, 38%, 64%) |
| CMYK | cmyk(38%, 13.5%, 0%, 36.1%) |
| CIE-LAB | lab(56.55, -8.04, -16.02) |
| CIE-LCH | lch(56.55, 17.92, 243.35°) |
| OKLab | oklab(62.21% -0.0334 -0.0441) |
| OKLCH | oklch(62.21% 0.055 232.9) |
| XYZ | xyz(21.5004, 24.4596, 38.2315) |
| Luminance | 0.2446 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Bluish Grey
#748B97
ΔE00 4.62
Blue Grey
#758DA3
ΔE00 4.69
Greyish Blue
#5E819D
ΔE00 5.28
Steel
#738595
ΔE00 6.01
Dusty Blue
#5A86AD
ΔE00 6.16
Lightslategray
#778899
ΔE00 6.25
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#658DA3 #A37B65
analogous
#65A39A #658DA3 #656EA3
triadic
#658DA3 #A3658D #8DA365
tetradic
#658DA3 #9A65A3 #A37B65 #6EA365
square
#658DA3 #9A65A3 #A37B65 #6EA365
split-complementary
#658DA3 #A3656E #A39A65
monochromatic
#354C59 #4C6D7F #658DA3 #8BA9BA #B2C6D1
إمكانية الوصول والتباين
On white
3.56
#658DA3 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.89
#658DA3 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #658DA3
5.89:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##658DA3 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##658DA3 | 1.00 | 3.56 | 5.89 | 5.89 |
| #FFFFFF | 3.56 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.89 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.89 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#838CA4
Deuteranopia (green-blind)
#7A85A3
Tritanopia (blue-blind)
#4F9394
Achromatopsia (no color)
#888888
وسوم التصميم والكود
CSS
--color: #658da3; /* rgb */ color: rgb(101, 141, 163); /* oklch */ color: oklch(62.2% 0.055 232.9);
Tailwind
colors: {
custom: {
50: '#93aebe',
500: '#658da3',
950: '#000000',
},
}SCSS
$custom: #658da3; $custom-light: #93aebe; $custom-dark: #000000;
JSON
{
"hex": "#658da3",
"rgb": {
"r": 101,
"g": 141,
"b": 163
},
"hsl": {
"h": 201.29,
"s": 25.203,
"l": 51.765
},
"oklch": {
"l": 0.62212,
"c": 0.05528,
"h": 232.9
},
"luminance": 0.24461
}Semantic roles & 50–950 ramp
primary
#658DA3
secondary
#C0AEA4
accent
#8766C2
background
#F9FAFB
surface
#F1F4F6
border
#CBCED0
text
#0D1012
muted
#7E7F81