#89FBD9#89FBD9
#89FBD9 لون فاتح جداً ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.793؛ OKLCH L 91.1% C 0.116 H 172.1°. أفضل لون لنص المتن هو #000000 بتباين 16.86:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #89FBD9 |
|---|---|
| RGB | rgb(137, 251, 217) |
| HSL | hsl(162, 93%, 76%) |
| HSV | hsv(162, 45%, 98%) |
| CMYK | cmyk(45.4%, 0%, 13.5%, 1.6%) |
| CIE-LAB | lab(91.38, -40.37, 6.24) |
| CIE-LCH | lch(91.38, 40.85, 171.21°) |
| OKLab | oklab(91.11% -0.1148 0.0159) |
| OKLCH | oklch(91.11% 0.116 172.1) |
| XYZ | xyz(57.3329, 79.3180, 77.9209) |
| Luminance | 0.7932 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Light Aqua
#8CFFDB
ΔE00 0.94
Light Turquoise
#7EF4CC
ΔE00 2.38
Aquamarine
#7FFFD4
ΔE00 2.43
Tiffany Blue
#7BF2DA
ΔE00 3.58
Pale Turquoise
#A5FBD5
ΔE00 3.75
Light Aquamarine
#7BFDC7
ΔE00 4.91
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#89FBD9 #FB89AB
analogous
#89FBA0 #89FBD9 #89E4FB
triadic
#89FBD9 #D989FB #FBD989
tetradic
#89FBD9 #A089FB #FB89AB #E4FB89
square
#89FBD9 #A089FB #FB89AB #E4FB89
split-complementary
#89FBD9 #FB89E4 #FBA089
monochromatic
#13F7B3 #4EF9C6 #89FBD9 #C4FDEC #E1FEF5
إمكانية الوصول والتباين
On white
1.25
#89FBD9 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
16.86
#89FBD9 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #89FBD9
16.86:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##89FBD9 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##89FBD9 | 1.00 | 1.25 | 16.86 | 16.86 |
| #FFFFFF | 1.25 | 1.00 | 21.00 | 21.00 |
| #000000 | 16.86 | 21.00 | 1.00 | 1.00 |
| ##000000 | 16.86 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#F5EED7
Deuteranopia (green-blind)
#E2E1DB
Tritanopia (blue-blind)
#60FDF1
Achromatopsia (no color)
#E6E6E6
وسوم التصميم والكود
CSS
--color: #89fbd9; /* rgb */ color: rgb(137, 251, 217); /* oklch */ color: oklch(91.1% 0.116 172.1);
Tailwind
colors: {
custom: {
50: '#b1fde4',
500: '#89fbd9',
950: '#000000',
},
}SCSS
$custom: #89fbd9; $custom-light: #b1fde4; $custom-dark: #000000;
JSON
{
"hex": "#89fbd9",
"rgb": {
"r": 137,
"g": 251,
"b": 217
},
"hsl": {
"h": 162.105,
"s": 93.443,
"l": 76.078
},
"oklch": {
"l": 0.91106,
"c": 0.11588,
"h": 172.1
},
"luminance": 0.79322
}Semantic roles & 50–950 ramp
primary
#89FBD9
secondary
#DA4E78
accent
#0044E6
background
#FDFFFE
surface
#F8FFFC
border
#D1D7D5
text
#111715
muted
#818584