#5B97CB#5B97CB
#5B97CB لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.287؛ OKLCH L 65.7% C 0.100 H 246.2°. أفضل لون لنص المتن هو #000000 بتباين 6.73:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #5B97CB |
|---|---|
| RGB | rgb(91, 151, 203) |
| HSL | hsl(208, 52%, 58%) |
| HSV | hsv(208, 55%, 80%) |
| CMYK | cmyk(55.2%, 25.6%, 0%, 20.4%) |
| CIE-LAB | lab(60.49, -4.46, -32.68) |
| CIE-LCH | lch(60.49, 32.98, 262.23°) |
| OKLab | oklab(65.71% -0.0404 -0.0916) |
| OKLCH | oklch(65.71% 0.1 246.2) |
| XYZ | xyz(26.1566, 28.6670, 60.6432) |
| Luminance | 0.2867 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Dark Sky Blue
#448EE4
ΔE00 4.28
Faded Blue
#658CBB
ΔE00 5.00
Azure (survey)
#069AF3
ΔE00 5.13
Dodgerblue
#1E90FF
ΔE00 5.35
Cornflowerblue
#6495ED
ΔE00 5.44
Dusty Blue
#5A86AD
ΔE00 6.35
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#5B97CB #CB8F5B
analogous
#5BCBC7 #5B97CB #5B5FCB
triadic
#5B97CB #CB5B97 #97CB5B
tetradic
#5B97CB #C75BCB #CB8F5B #5FCB5B
square
#5B97CB #C75BCB #CB8F5B #5FCB5B
split-complementary
#5B97CB #CB5B5F #CBC75B
monochromatic
#295982 #3879B1 #5B97CB #89B4DA #B8D2E8
إمكانية الوصول والتباين
On white
3.12
#5B97CB on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.73
#5B97CB on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #5B97CB
6.73:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##5B97CB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##5B97CB | 1.00 | 3.12 | 6.73 | 6.73 |
| #FFFFFF | 3.12 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.73 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.73 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#8198CD
Deuteranopia (green-blind)
#728DCA
Tritanopia (blue-blind)
#03A3A9
Achromatopsia (no color)
#929292
وسوم التصميم والكود
CSS
--color: #5b97cb; /* rgb */ color: rgb(91, 151, 203); /* oklch */ color: oklch(65.7% 0.100 246.2);
Tailwind
colors: {
custom: {
50: '#91b5db',
500: '#5b97cb',
950: '#000000',
},
}SCSS
$custom: #5b97cb; $custom-light: #91b5db; $custom-dark: #000000;
JSON
{
"hex": "#5b97cb",
"rgb": {
"r": 91,
"g": 151,
"b": 203
},
"hsl": {
"h": 207.857,
"s": 51.852,
"l": 57.647
},
"oklch": {
"l": 0.65706,
"c": 0.10009,
"h": 246.2
},
"luminance": 0.28669
}Semantic roles & 50–950 ramp
primary
#5B97CB
secondary
#D7BFAA
accent
#8F4CDB
background
#F9FBFD
surface
#F2F6FB
border
#CCD0D4
text
#0D1115
muted
#7E8083