#86CBD4#86CBD4
#86CBD4 لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.525؛ OKLCH L 79.9% C 0.070 H 206.2°. أفضل لون لنص المتن هو #000000 بتباين 11.51:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #86CBD4 |
|---|---|
| RGB | rgb(134, 203, 212) |
| HSL | hsl(187, 48%, 68%) |
| HSV | hsv(187, 37%, 83%) |
| CMYK | cmyk(36.8%, 4.2%, 0%, 16.9%) |
| CIE-LAB | lab(77.60, -19.40, -11.36) |
| CIE-LCH | lch(77.60, 22.48, 210.35°) |
| OKLab | oklab(79.95% -0.0632 -0.0311) |
| OKLCH | oklch(79.95% 0.07 206.2) |
| XYZ | xyz(43.0669, 52.5309, 70.1447) |
| Luminance | 0.5253 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Powder Blue
#B0E0E6
ΔE00 6.88
Sky Blue
#87CEEB
ΔE00 7.27
Lightblue
#ADD8E6
ΔE00 7.53
Robin'S Egg Blue
#98EFF9
ΔE00 8.29
Aqua Blue
#02D8E9
ΔE00 8.34
Baby Blue
#89CFF0
ΔE00 8.64
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#86CBD4 #D48F86
analogous
#86D4B6 #86CBD4 #86A4D4
triadic
#86CBD4 #D486CB #CBD486
tetradic
#86CBD4 #B686D4 #D48F86 #A4D486
square
#86CBD4 #B686D4 #D48F86 #A4D486
split-complementary
#86CBD4 #D486A4 #D4B686
monochromatic
#3B99A5 #59B8C4 #86CBD4 #B3DEE4 #E0F2F4
إمكانية الوصول والتباين
On white
1.83
#86CBD4 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.51
#86CBD4 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #86CBD4
11.51:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##86CBD4 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##86CBD4 | 1.00 | 1.83 | 11.51 | 11.51 |
| #FFFFFF | 1.83 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.51 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.51 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#C0C6D5
Deuteranopia (green-blind)
#B3BBD4
Tritanopia (blue-blind)
#67D1CE
Achromatopsia (no color)
#C0C0C0
وسوم التصميم والكود
CSS
--color: #86cbd4; /* rgb */ color: rgb(134, 203, 212); /* oklch */ color: oklch(79.9% 0.070 206.2);
Tailwind
colors: {
custom: {
50: '#acdbe1',
500: '#86cbd4',
950: '#000000',
},
}SCSS
$custom: #86cbd4; $custom-light: #acdbe1; $custom-dark: #000000;
JSON
{
"hex": "#86cbd4",
"rgb": {
"r": 134,
"g": 203,
"b": 212
},
"hsl": {
"h": 186.923,
"s": 47.561,
"l": 67.843
},
"oklch": {
"l": 0.79946,
"c": 0.07045,
"h": 206.2
},
"luminance": 0.52534
}Semantic roles & 50–950 ramp
primary
#86CBD4
secondary
#A95F55
accent
#3B2BBB
background
#FDFEFE
surface
#F7FBFC
border
#D0D4D5
text
#101515
muted
#818484