#95BEC8#95BEC8
#95BEC8 لون فاتح وخافت من عائلة سماوي. الإضاءة النسبية 0.474؛ OKLCH L 77.5% C 0.046 H 214.3°. أفضل لون لنص المتن هو #000000 بتباين 10.48:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #95BEC8 |
|---|---|
| RGB | rgb(149, 190, 200) |
| HSL | hsl(192, 32%, 68%) |
| HSV | hsv(192, 26%, 78%) |
| CMYK | cmyk(25.5%, 5%, 0%, 21.6%) |
| CIE-LAB | lab(74.44, -11.31, -9.50) |
| CIE-LCH | lch(74.44, 14.77, 220.01°) |
| OKLab | oklab(77.53% -0.0379 -0.0258) |
| OKLCH | oklch(77.53% 0.046 214.3) |
| XYZ | xyz(41.2301, 47.3849, 61.6062) |
| Luminance | 0.4739 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Lightblue
#ADD8E6
ΔE00 6.72
Light Grey Blue
#9DBCD4
ΔE00 7.52
Sky Blue
#87CEEB
ΔE00 7.54
Bluegrey
#85A3B2
ΔE00 8.40
Baby Blue
#89CFF0
ΔE00 8.50
Powder Blue
#B0E0E6
ΔE00 8.52
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#95BEC8 #C89F95
analogous
#95C8B8 #95BEC8 #95A4C8
triadic
#95BEC8 #C895BE #BEC895
tetradic
#95BEC8 #B895C8 #C89F95 #A4C895
square
#95BEC8 #B895C8 #C89F95 #A4C895
split-complementary
#95BEC8 #C895A4 #C8B895
monochromatic
#4D8795 #6DA5B3 #95BEC8 #BDD7DD #E6EFF2
إمكانية الوصول والتباين
On white
2.00
#95BEC8 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.48
#95BEC8 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #95BEC8
10.48:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##95BEC8 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##95BEC8 | 1.00 | 2.00 | 10.48 | 10.48 |
| #FFFFFF | 2.00 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.48 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.48 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B6BBC9
Deuteranopia (green-blind)
#AEB4C8
Tritanopia (blue-blind)
#85C2C1
Achromatopsia (no color)
#B7B7B7
وسوم التصميم والكود
CSS
--color: #95bec8; /* rgb */ color: rgb(149, 190, 200); /* oklch */ color: oklch(77.5% 0.046 214.3);
Tailwind
colors: {
custom: {
50: '#b5d1d8',
500: '#95bec8',
950: '#000000',
},
}SCSS
$custom: #95bec8; $custom-light: #b5d1d8; $custom-dark: #000000;
JSON
{
"hex": "#95bec8",
"rgb": {
"r": 149,
"g": 190,
"b": 200
},
"hsl": {
"h": 191.765,
"s": 31.677,
"l": 68.431
},
"oklch": {
"l": 0.77526,
"c": 0.04589,
"h": 214.3
},
"luminance": 0.47387
}Semantic roles & 50–950 ramp
primary
#95BEC8
secondary
#E4D8D5
accent
#513BAA
background
#FBFCFD
surface
#F6F9FA
border
#D0D2D3
text
#111414
muted
#808283