#97BAAF#97BAAF
#97BAAF لون فاتح وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.448؛ OKLCH L 76.0% C 0.041 H 174.1°. أفضل لون لنص المتن هو #000000 بتباين 9.96:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #97BAAF |
|---|---|
| RGB | rgb(151, 186, 175) |
| HSL | hsl(161, 20%, 66%) |
| HSV | hsv(161, 19%, 73%) |
| CMYK | cmyk(18.8%, 0%, 5.9%, 27.1%) |
| CIE-LAB | lab(72.75, -14.03, 1.67) |
| CIE-LCH | lch(72.75, 14.13, 173.21°) |
| OKLab | oklab(75.99% -0.0407 0.0042) |
| OKLCH | oklch(75.99% 0.041 174.1) |
| XYZ | xyz(38.0572, 44.7911, 47.1895) |
| Luminance | 0.4479 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Pale Teal
#82CBB2
ΔE00 8.75
Greenish Grey
#96AE8D
ΔE00 9.09
Greyish Teal
#719F91
ΔE00 9.18
Seafoam Blue
#78D1B6
ΔE00 10.71
Darkseagreen
#8FBC8F
ΔE00 10.85
Sage Green
#9CAF88
ΔE00 11.09
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#97BAAF #BA97A2
analogous
#97BA9D #97BAAF #97B3BA
triadic
#97BAAF #AF97BA #BAAF97
tetradic
#97BAAF #9D97BA #BA97A2 #B3BA97
square
#97BAAF #9D97BA #BA97A2 #B3BA97
split-complementary
#97BAAF #BA97B3 #BA9D97
monochromatic
#568173 #72A293 #97BAAF #BCD2CB #E1EBE8
إمكانية الوصول والتباين
On white
2.11
#97BAAF on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.96
#97BAAF on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #97BAAF
9.96:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##97BAAF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##97BAAF | 1.00 | 2.11 | 9.96 | 9.96 |
| #FFFFFF | 2.11 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.96 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.96 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B7B5AF
Deuteranopia (green-blind)
#B1B1B0
Tritanopia (blue-blind)
#8FBBB7
Achromatopsia (no color)
#B2B2B2
وسوم التصميم والكود
CSS
--color: #97baaf; /* rgb */ color: rgb(151, 186, 175); /* oklch */ color: oklch(76.0% 0.041 174.1);
Tailwind
colors: {
custom: {
50: '#b6cec6',
500: '#97baaf',
950: '#000000',
},
}SCSS
$custom: #97baaf; $custom-light: #b6cec6; $custom-dark: #000000;
JSON
{
"hex": "#97baaf",
"rgb": {
"r": 151,
"g": 186,
"b": 175
},
"hsl": {
"h": 161.143,
"s": 20.231,
"l": 66.078
},
"oklch": {
"l": 0.75992,
"c": 0.04095,
"h": 174.1
},
"luminance": 0.44792
}Semantic roles & 50–950 ramp
primary
#97BAAF
secondary
#DCD1D4
accent
#47629F
background
#FBFCFC
surface
#F6F9F8
border
#D0D2D1
text
#111313
muted
#808282