#89BADA#89BADA
#89BADA لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.455؛ OKLCH L 76.6% C 0.069 H 237.5°. أفضل لون لنص المتن هو #000000 بتباين 10.10:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #89BADA |
|---|---|
| RGB | rgb(137, 186, 218) |
| HSL | hsl(204, 52%, 70%) |
| HSV | hsv(204, 37%, 85%) |
| CMYK | cmyk(37.2%, 14.7%, 0%, 14.5%) |
| CIE-LAB | lab(73.22, -8.23, -21.19) |
| CIE-LCH | lch(73.22, 22.73, 248.78°) |
| OKLab | oklab(76.57% -0.0372 -0.0584) |
| OKLCH | oklch(76.57% 0.069 237.5) |
| XYZ | xyz(40.5262, 45.4959, 72.9622) |
| Luminance | 0.4550 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Light Grey Blue
#9DBCD4
ΔE00 3.98
Lightblue (survey)
#7BC8F6
ΔE00 5.19
Sky
#82CAFC
ΔE00 5.71
Lightskyblue
#87CEFA
ΔE00 5.85
Baby Blue
#89CFF0
ΔE00 5.99
Light Blue
#95D0FC
ΔE00 6.21
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#89BADA #DAA989
analogous
#89DAD2 #89BADA #8992DA
triadic
#89BADA #DA89BA #BADA89
tetradic
#89BADA #D289DA #DAA989 #92DA89
square
#89BADA #D289DA #DAA989 #92DA89
split-complementary
#89BADA #DA8992 #DAD289
monochromatic
#3881B1 #5A9FCB #89BADA #B8D5E9 #E6F0F7
إمكانية الوصول والتباين
On white
2.08
#89BADA on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.10
#89BADA on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #89BADA
10.10:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##89BADA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##89BADA | 1.00 | 2.08 | 10.10 | 10.10 |
| #FFFFFF | 2.08 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.10 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.10 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#ACB9DC
Deuteranopia (green-blind)
#A1B0D9
Tritanopia (blue-blind)
#6CC2C4
Achromatopsia (no color)
#B4B4B4
وسوم التصميم والكود
CSS
--color: #89bada; /* rgb */ color: rgb(137, 186, 218); /* oklch */ color: oklch(76.6% 0.069 237.5);
Tailwind
colors: {
custom: {
50: '#aecee5',
500: '#89bada',
950: '#000000',
},
}SCSS
$custom: #89bada; $custom-light: #aecee5; $custom-dark: #000000;
JSON
{
"hex": "#89bada",
"rgb": {
"r": 137,
"g": 186,
"b": 218
},
"hsl": {
"h": 203.704,
"s": 52.258,
"l": 69.608
},
"oklch": {
"l": 0.76571,
"c": 0.06922,
"h": 237.5
},
"luminance": 0.45498
}Semantic roles & 50–950 ramp
primary
#89BADA
secondary
#EBDDD4
accent
#6326C0
background
#FAFCFE
surface
#F5F9FC
border
#CFD2D5
text
#101315
muted
#7F8284