#87B0DB#87B0DB
#87B0DB لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.413؛ OKLCH L 74.3% C 0.077 H 250.1°. أفضل لون لنص المتن هو #000000 بتباين 9.26:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #87B0DB |
|---|---|
| RGB | rgb(135, 176, 219) |
| HSL | hsl(211, 54%, 69%) |
| HSV | hsv(211, 38%, 86%) |
| CMYK | cmyk(38.4%, 19.6%, 0%, 14.1%) |
| CIE-LAB | lab(70.40, -3.09, -26.06) |
| CIE-LCH | lch(70.40, 26.24, 263.24°) |
| OKLab | oklab(74.33% -0.0261 -0.0721) |
| OKLCH | oklch(74.33% 0.077 250.1) |
| XYZ | xyz(38.2991, 41.3140, 72.9604) |
| Luminance | 0.4132 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Carolina Blue
#8AB8FE
ΔE00 4.38
Sky Blue (survey)
#75BBFD
ΔE00 5.63
Light Grey Blue
#9DBCD4
ΔE00 6.19
Pastel Blue
#A2BFFE
ΔE00 6.73
Cloudy Blue
#ACC2D9
ΔE00 8.00
Baby Blue (survey)
#A2CFFE
ΔE00 8.11
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#87B0DB #DBB287
analogous
#87DADB #87B0DB #8887DB
triadic
#87B0DB #DB87B0 #B0DB87
tetradic
#87B0DB #DB87DA #DBB287 #87DB88
square
#87B0DB #DB87DA #DBB287 #87DB88
split-complementary
#87B0DB #DB8887 #DADB87
monochromatic
#3572B2 #5891CD #87B0DB #B6CFE9 #E5EEF7
إمكانية الوصول والتباين
On white
2.27
#87B0DB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.26
#87B0DB on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #87B0DB
9.26:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##87B0DB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##87B0DB | 1.00 | 2.27 | 9.26 | 9.26 |
| #FFFFFF | 2.27 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.26 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.26 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#9FB1DD
Deuteranopia (green-blind)
#95A8DA
Tritanopia (blue-blind)
#6ABABE
Achromatopsia (no color)
#ACACAC
وسوم التصميم والكود
CSS
--color: #87b0db; /* rgb */ color: rgb(135, 176, 219); /* oklch */ color: oklch(74.3% 0.077 250.1);
Tailwind
colors: {
custom: {
50: '#adc7e6',
500: '#87b0db',
950: '#000000',
},
}SCSS
$custom: #87b0db; $custom-light: #adc7e6; $custom-dark: #000000;
JSON
{
"hex": "#87b0db",
"rgb": {
"r": 135,
"g": 176,
"b": 219
},
"hsl": {
"h": 210.714,
"s": 53.846,
"l": 69.412
},
"oklch": {
"l": 0.74327,
"c": 0.07667,
"h": 250.1
},
"luminance": 0.41316
}Semantic roles & 50–950 ramp
primary
#87B0DB
secondary
#EBDFD3
accent
#7524C1
background
#FAFCFE
surface
#F4F8FC
border
#CED1D5
text
#101316
muted
#7F8284