#95ABB7#95ABB7
#95ABB7 لون فاتح وخافت من عائلة سماوي. الإضاءة النسبية 0.389؛ OKLCH L 72.8% C 0.030 H 231.6°. أفضل لون لنص المتن هو #000000 بتباين 8.79:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #95ABB7 |
|---|---|
| RGB | rgb(149, 171, 183) |
| HSL | hsl(201, 19%, 65%) |
| HSV | hsv(201, 19%, 72%) |
| CMYK | cmyk(18.6%, 6.6%, 0%, 28.2%) |
| CIE-LAB | lab(68.70, -5.01, -8.71) |
| CIE-LCH | lch(68.70, 10.05, 240.08°) |
| OKLab | oklab(72.82% -0.0187 -0.0236) |
| OKLCH | oklch(72.82% 0.03 231.6) |
| XYZ | xyz(35.5023, 38.9333, 50.4349) |
| Luminance | 0.3893 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Cool Gray
#9AA7B0
ΔE00 3.13
Bluegrey
#85A3B2
ΔE00 3.59
Bluey Grey
#89A0B0
ΔE00 3.72
Cool Grey
#95A3A6
ΔE00 4.75
Light Grey Blue
#9DBCD4
ΔE00 6.34
Greyblue
#77A1B5
ΔE00 6.38
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#95ABB7 #B7A195
analogous
#95B7B2 #95ABB7 #959AB7
triadic
#95ABB7 #B795AB #ABB795
tetradic
#95ABB7 #B295B7 #B7A195 #9AB795
square
#95ABB7 #B295B7 #B7A195 #9AB795
split-complementary
#95ABB7 #B7959A #B7B295
monochromatic
#556F7D #718E9E #95ABB7 #B9C8D0 #DEE5E9
إمكانية الوصول والتباين
On white
2.39
#95ABB7 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.79
#95ABB7 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #95ABB7
8.79:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##95ABB7 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##95ABB7 | 1.00 | 2.39 | 8.79 | 8.79 |
| #FFFFFF | 2.39 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.79 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.79 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#A5AAB8
Deuteranopia (green-blind)
#A0A6B7
Tritanopia (blue-blind)
#8CAEAF
Achromatopsia (no color)
#A8A8A8
وسوم التصميم والكود
CSS
--color: #95abb7; /* rgb */ color: rgb(149, 171, 183); /* oklch */ color: oklch(72.8% 0.030 231.6);
Tailwind
colors: {
custom: {
50: '#b4c4cc',
500: '#95abb7',
950: '#000000',
},
}SCSS
$custom: #95abb7; $custom-light: #b4c4cc; $custom-dark: #000000;
JSON
{
"hex": "#95abb7",
"rgb": {
"r": 149,
"g": 171,
"b": 183
},
"hsl": {
"h": 201.176,
"s": 19.101,
"l": 65.098
},
"oklch": {
"l": 0.72823,
"c": 0.03008,
"h": 231.6
},
"luminance": 0.38934
}Semantic roles & 50–950 ramp
primary
#95ABB7
secondary
#DAD2CE
accent
#66489D
background
#FBFCFC
surface
#F6F8F8
border
#D0D1D1
text
#111213
muted
#808182