#55839F#55839F
#55839F لون متوسط ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.207؛ OKLCH L 58.8% C 0.066 H 236.2°. أفضل لون لنص المتن هو #000000 بتباين 5.13:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #55839F |
|---|---|
| RGB | rgb(85, 131, 159) |
| HSL | hsl(203, 30%, 48%) |
| HSV | hsv(203, 47%, 62%) |
| CMYK | cmyk(46.5%, 17.6%, 0%, 37.6%) |
| CIE-LAB | lab(52.58, -7.85, -19.83) |
| CIE-LCH | lch(52.58, 21.33, 248.40°) |
| OKLab | oklab(58.79% -0.0368 -0.055) |
| OKLCH | oklch(58.79% 0.066 236.2) |
| XYZ | xyz(18.1184, 20.6658, 35.8283) |
| Luminance | 0.2067 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Greyish Blue
#5E819D
ΔE00 2.65
Steel Blue (survey)
#5A7D9A
ΔE00 3.40
Stormy Blue
#507B9C
ΔE00 3.68
Dirty Blue
#3F829D
ΔE00 3.99
Slate Blue (survey)
#5B7C99
ΔE00 4.01
Dusty Blue
#5A86AD
ΔE00 4.23
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#55839F #9F7155
analogous
#559F96 #55839F #555E9F
triadic
#55839F #9F5583 #839F55
tetradic
#55839F #96559F #9F7155 #5E9F55
square
#55839F #96559F #9F7155 #5E9F55
split-complementary
#55839F #9F555E #9F9655
monochromatic
#2A414F #406277 #55839F #7AA0B8 #A1BCCD
إمكانية الوصول والتباين
On white
4.09
#55839F on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.13
#55839F on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #55839F
5.13:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##55839F | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##55839F | 1.00 | 4.09 | 5.13 | 5.13 |
| #FFFFFF | 4.09 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.13 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.13 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7682A0
Deuteranopia (green-blind)
#6C7A9F
Tritanopia (blue-blind)
#348A8C
Achromatopsia (no color)
#7D7D7D
وسوم التصميم والكود
CSS
--color: #55839f; /* rgb */ color: rgb(85, 131, 159); /* oklch */ color: oklch(58.8% 0.066 236.2);
Tailwind
colors: {
custom: {
50: '#89a7bb',
500: '#55839f',
950: '#000000',
},
}SCSS
$custom: #55839f; $custom-light: #89a7bb; $custom-dark: #000000;
JSON
{
"hex": "#55839f",
"rgb": {
"r": 85,
"g": 131,
"b": 159
},
"hsl": {
"h": 202.703,
"s": 30.328,
"l": 47.843
},
"oklch": {
"l": 0.58792,
"c": 0.06614,
"h": 236.2
},
"luminance": 0.20667
}Semantic roles & 50–950 ramp
primary
#55839F
secondary
#BAA395
accent
#8861C7
background
#F8FAFB
surface
#F0F4F6
border
#CBCED0
text
#0C0F11
muted
#7D7F80