#95C7BF#95C7BF
#95C7BF لون فاتح وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.510؛ OKLCH L 79.2% C 0.054 H 184.0°. أفضل لون لنص المتن هو #000000 بتباين 11.20:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #95C7BF |
|---|---|
| RGB | rgb(149, 199, 191) |
| HSL | hsl(170, 31%, 68%) |
| HSV | hsv(170, 25%, 78%) |
| CMYK | cmyk(25.1%, 0%, 4%, 22%) |
| CIE-LAB | lab(76.68, -17.97, -1.31) |
| CIE-LCH | lch(76.68, 18.02, 184.16°) |
| OKLab | oklab(79.22% -0.0534 -0.0038) |
| OKLCH | oklch(79.22% 0.054 184) |
| XYZ | xyz(42.2189, 50.9962, 56.8988) |
| Luminance | 0.5100 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Pale Teal
#82CBB2
ΔE00 7.00
Seafoam Blue
#78D1B6
ΔE00 8.48
Powder Blue
#B0E0E6
ΔE00 8.87
Mediumturquoise
#48D1CC
ΔE00 9.60
Paleturquoise
#AFEEEE
ΔE00 9.70
Mediumaquamarine
#66CDAA
ΔE00 10.85
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#95C7BF #C7959D
analogous
#95C7A6 #95C7BF #95B6C7
triadic
#95C7BF #BF95C7 #C7BF95
tetradic
#95C7BF #A695C7 #C7959D #B6C795
square
#95C7BF #A695C7 #C7959D #B6C795
split-complementary
#95C7BF #C795B6 #C7A695
monochromatic
#4E9488 #6DB2A7 #95C7BF #BDDCD7 #E5F1EF
إمكانية الوصول والتباين
On white
1.88
#95C7BF on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.20
#95C7BF on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #95C7BF
11.20:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##95C7BF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##95C7BF | 1.00 | 1.88 | 11.20 | 11.20 |
| #FFFFFF | 1.88 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.20 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.20 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#C2C1BF
Deuteranopia (green-blind)
#B9BAC0
Tritanopia (blue-blind)
#87C9C4
Achromatopsia (no color)
#BDBDBD
وسوم التصميم والكود
CSS
--color: #95c7bf; /* rgb */ color: rgb(149, 199, 191); /* oklch */ color: oklch(79.2% 0.054 184.0);
Tailwind
colors: {
custom: {
50: '#b5d8d2',
500: '#95c7bf',
950: '#000000',
},
}SCSS
$custom: #95c7bf; $custom-light: #b5d8d2; $custom-dark: #000000;
JSON
{
"hex": "#95c7bf",
"rgb": {
"r": 149,
"g": 199,
"b": 191
},
"hsl": {
"h": 170.4,
"s": 30.864,
"l": 68.235
},
"oklch": {
"l": 0.79224,
"c": 0.05353,
"h": 184
},
"luminance": 0.50998
}Semantic roles & 50–950 ramp
primary
#95C7BF
secondary
#9C656D
accent
#3C4DAA
background
#FDFEFE
surface
#F8FBFB
border
#D1D4D4
text
#111414
muted
#818383