#89AC9D#89AC9D
#89AC9D لون فاتح وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.373؛ OKLCH L 71.4% C 0.044 H 167.1°. أفضل لون لنص المتن هو #000000 بتباين 8.45:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #89AC9D |
|---|---|
| RGB | rgb(137, 172, 157) |
| HSL | hsl(154, 17%, 61%) |
| HSV | hsv(154, 20%, 67%) |
| CMYK | cmyk(20.3%, 0%, 8.7%, 32.5%) |
| CIE-LAB | lab(67.47, -15.04, 3.79) |
| CIE-LCH | lch(67.47, 15.51, 165.84°) |
| OKLab | oklab(71.4% -0.0429 0.0098) |
| OKLCH | oklch(71.4% 0.044 167.1) |
| XYZ | xyz(31.1532, 37.2567, 37.4416) |
| Luminance | 0.3726 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Greyish Teal
#719F91
ΔE00 5.31
Greenish Grey
#96AE8D
ΔE00 7.08
Dull Teal
#5F9E8F
ΔE00 8.11
Grey Green
#86A17D
ΔE00 8.33
Grey Teal
#5E9B8A
ΔE00 8.63
Greeny Grey
#7EA07A
ΔE00 8.77
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#89AC9D #AC8998
analogous
#89AC8B #89AC9D #89A9AC
triadic
#89AC9D #9D89AC #AC9D89
tetradic
#89AC9D #8B89AC #AC8998 #A9AC89
square
#89AC9D #8B89AC #AC8998 #A9AC89
split-complementary
#89AC9D #AC89A9 #AC8B89
monochromatic
#4D6E60 #66917F #89AC9D #ADC5BB #D1DFD9
إمكانية الوصول والتباين
On white
2.48
#89AC9D on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.45
#89AC9D on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #89AC9D
8.45:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##89AC9D | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##89AC9D | 1.00 | 2.48 | 8.45 | 8.45 |
| #FFFFFF | 2.48 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.45 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.45 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#AAA79C
Deuteranopia (green-blind)
#A4A29E
Tritanopia (blue-blind)
#82ACA7
Achromatopsia (no color)
#A4A4A4
وسوم التصميم والكود
CSS
--color: #89ac9d; /* rgb */ color: rgb(137, 172, 157); /* oklch */ color: oklch(71.4% 0.044 167.1);
Tailwind
colors: {
custom: {
50: '#acc4b9',
500: '#89ac9d',
950: '#000000',
},
}SCSS
$custom: #89ac9d; $custom-light: #acc4b9; $custom-dark: #000000;
JSON
{
"hex": "#89ac9d",
"rgb": {
"r": 137,
"g": 172,
"b": 157
},
"hsl": {
"h": 154.286,
"s": 17.413,
"l": 60.588
},
"oklch": {
"l": 0.71403,
"c": 0.04401,
"h": 167.1
},
"luminance": 0.37258
}Semantic roles & 50–950 ramp
primary
#89AC9D
secondary
#CFC2C7
accent
#4A6D9C
background
#FAFCFB
surface
#F4F8F6
border
#CED1D0
text
#101211
muted
#7F8180