#96D6BB#96D6BB
#96D6BB لون فاتح جداً ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.582؛ OKLCH L 82.5% C 0.076 H 166.5°. أفضل لون لنص المتن هو #000000 بتباين 12.63:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #96D6BB |
|---|---|
| RGB | rgb(150, 214, 187) |
| HSL | hsl(155, 44%, 71%) |
| HSV | hsv(155, 30%, 84%) |
| CMYK | cmyk(29.9%, 0%, 12.6%, 16.1%) |
| CIE-LAB | lab(80.83, -25.97, 6.87) |
| CIE-LCH | lch(80.83, 26.86, 165.18°) |
| OKLab | oklab(82.53% -0.0735 0.0177) |
| OKLCH | oklch(82.53% 0.076 166.5) |
| XYZ | xyz(45.5909, 58.1628, 55.8284) |
| Luminance | 0.5817 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Pale Teal
#82CBB2
ΔE00 3.48
Light Teal
#90E4C1
ΔE00 4.11
Seafoam Blue
#78D1B6
ΔE00 4.11
Seafoam
#7FE0B3
ΔE00 5.90
Mediumaquamarine
#66CDAA
ΔE00 6.27
Mint
#AAF0C1
ΔE00 7.64
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#96D6BB #D696B1
analogous
#96D69B #96D6BB #96D1D6
triadic
#96D6BB #BB96D6 #D6BB96
tetradic
#96D6BB #9B96D6 #D696B1 #D1D696
square
#96D6BB #9B96D6 #D696B1 #D1D696
split-complementary
#96D6BB #D696D1 #D69B96
monochromatic
#44AE81 #6AC59E #96D6BB #C2E7D8 #E9F6F1
إمكانية الوصول والتباين
On white
1.66
#96D6BB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.63
#96D6BB on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #96D6BB
12.63:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##96D6BB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##96D6BB | 1.00 | 1.66 | 12.63 | 12.63 |
| #FFFFFF | 1.66 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.63 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.63 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#D3CDBA
Deuteranopia (green-blind)
#C8C5BD
Tritanopia (blue-blind)
#87D6CE
Achromatopsia (no color)
#C9C9C9
وسوم التصميم والكود
CSS
--color: #96d6bb; /* rgb */ color: rgb(150, 214, 187); /* oklch */ color: oklch(82.5% 0.076 166.5);
Tailwind
colors: {
custom: {
50: '#b6e3cf',
500: '#96d6bb',
950: '#000000',
},
}SCSS
$custom: #96d6bb; $custom-light: #b6e3cf; $custom-dark: #000000;
JSON
{
"hex": "#96d6bb",
"rgb": {
"r": 150,
"g": 214,
"b": 187
},
"hsl": {
"h": 154.688,
"s": 43.836,
"l": 71.373
},
"oklch": {
"l": 0.82528,
"c": 0.0756,
"h": 166.5
},
"luminance": 0.58165
}Semantic roles & 50–950 ramp
primary
#96D6BB
secondary
#AD6482
accent
#2F68B7
background
#FDFEFE
surface
#F8FCFB
border
#D1D5D4
text
#111513
muted
#818483