#87C2DF#87C2DF
#87C2DF لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.491؛ OKLCH L 78.4% C 0.073 H 230.1°. أفضل لون لنص المتن هو #000000 بتباين 10.81:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #87C2DF |
|---|---|
| RGB | rgb(135, 194, 223) |
| HSL | hsl(200, 58%, 70%) |
| HSV | hsv(200, 39%, 87%) |
| CMYK | cmyk(39.5%, 13%, 0%, 12.5%) |
| CIE-LAB | lab(75.49, -11.71, -20.46) |
| CIE-LCH | lch(75.49, 23.58, 240.22°) |
| OKLab | oklab(78.4% -0.0471 -0.0564) |
| OKLCH | oklch(78.4% 0.073 230.1) |
| XYZ | xyz(42.5982, 49.0595, 77.0225) |
| Luminance | 0.4906 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Sky Blue
#87CEEB
ΔE00 3.34
Baby Blue
#89CFF0
ΔE00 3.41
Lightblue (survey)
#7BC8F6
ΔE00 4.44
Lightskyblue
#87CEFA
ΔE00 4.81
Sky
#82CAFC
ΔE00 5.55
Light Grey Blue
#9DBCD4
ΔE00 5.73
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#87C2DF #DFA487
analogous
#87DFD0 #87C2DF #8796DF
triadic
#87C2DF #DF87C2 #C2DF87
tetradic
#87C2DF #D087DF #DFA487 #96DF87
square
#87C2DF #D087DF #DFA487 #96DF87
split-complementary
#87C2DF #DF8796 #DFD087
monochromatic
#328DBA #57A9D2 #87C2DF #B7DBEC #E7F3F9
إمكانية الوصول والتباين
On white
1.94
#87C2DF on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.81
#87C2DF on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #87C2DF
10.81:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##87C2DF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##87C2DF | 1.00 | 1.94 | 10.81 | 10.81 |
| #FFFFFF | 1.94 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.81 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.81 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B3C0E1
Deuteranopia (green-blind)
#A7B6DF
Tritanopia (blue-blind)
#65CACB
Achromatopsia (no color)
#BABABA
وسوم التصميم والكود
CSS
--color: #87c2df; /* rgb */ color: rgb(135, 194, 223); /* oklch */ color: oklch(78.4% 0.073 230.1);
Tailwind
colors: {
custom: {
50: '#add4e9',
500: '#87c2df',
950: '#000000',
},
}SCSS
$custom: #87c2df; $custom-light: #add4e9; $custom-dark: #000000;
JSON
{
"hex": "#87c2df",
"rgb": {
"r": 135,
"g": 194,
"b": 223
},
"hsl": {
"h": 199.773,
"s": 57.895,
"l": 70.196
},
"oklch": {
"l": 0.78397,
"c": 0.07347,
"h": 230.1
},
"luminance": 0.49062
}Semantic roles & 50–950 ramp
primary
#87C2DF
secondary
#EDDDD5
accent
#5720C5
background
#FAFDFE
surface
#F5FAFC
border
#CFD3D5
text
#101416
muted
#7F8384