#97BAB2#97BAB2

#97BAB2 لون فاتح وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.449؛ OKLCH L 76.1% C 0.039 H 179.7°. أفضل لون لنص المتن هو #000000 بتباين 9.98:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#97BAB2
RGBrgb(151, 186, 178)
HSLhsl(166, 20%, 66%)
HSVhsv(166, 19%, 73%)
CMYKcmyk(18.8%, 0%, 4.3%, 27.1%)
CIE-LABlab(72.83, -13.41, 0.15)
CIE-LCHlch(72.83, 13.41, 179.37°)
OKLaboklab(76.08% -0.0395 0.0002)
OKLCHoklch(76.08% 0.039 179.7)
XYZxyz(38.3551, 44.9103, 48.7586)
Luminance0.4491 (WCAG relative)
Temperaturecool
Familyteal

أقرب الألوان المُسمّاة

المقاييس الإدراكية

الدرجات الغامقة

الدرجات الفاتحة

التدريجات

OKLCH scale

تناغمات الألوان

complementary
#97BAB2 #BA979F
analogous
#97BAA0 #97BAB2 #97B0BA
triadic
#97BAB2 #B297BA #BAB297
tetradic
#97BAB2 #A097BA #BA979F #B0BA97
square
#97BAB2 #A097BA #BA979F #B0BA97
split-complementary
#97BAB2 #BA97B0 #BAA097
monochromatic
#568177 #72A297 #97BAB2 #BCD2CD #E1EBE8

إمكانية الوصول والتباين

On white

2.10
#97BAB2 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.98
#97BAB2 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #97BAB2
9.98:1 — WCAG AA (نص عادي) مطابق

مصفوفة التباين

fg \ bg##97BAB2#FFFFFF#000000##000000
##97BAB21.002.109.989.98
#FFFFFF2.101.0021.0021.00
#0000009.9821.001.001.00
##0000009.9821.001.001.00

معاينة عمى الألوان

Protanopia (red-blind)
#B7B6B2
Deuteranopia (green-blind)
#B0B1B3
Tritanopia (blue-blind)
#8EBBB7
Achromatopsia (no color)
#B3B3B3

وسوم التصميم والكود

CSS
--color: #97bab2;
/* rgb */ color: rgb(151, 186, 178);
/* oklch */ color: oklch(76.1% 0.039 179.7);
Tailwind
colors: {
  custom: {
    50: '#b6cec9',
    500: '#97bab2',
    950: '#000000',
  },
}
SCSS
$custom: #97bab2;
$custom-light: #b6cec9;
$custom-dark: #000000;
JSON
{
  "hex": "#97bab2",
  "rgb": {
    "r": 151,
    "g": 186,
    "b": 178
  },
  "hsl": {
    "h": 166.286,
    "s": 20.231,
    "l": 66.078
  },
  "oklch": {
    "l": 0.76081,
    "c": 0.03948,
    "h": 179.7
  },
  "luminance": 0.44911
}

Semantic roles & 50–950 ramp

primary
#97BAB2
secondary
#DCD1D3
accent
#475B9F
background
#FBFCFC
surface
#F6F9F8
border
#D0D2D1
text
#111313
muted
#808282

مختبر المعاينة

معاينة مع #97BAB2

Body copy rendered with the generated semantic roles for this colour.

مختبر المعاينة → · فاحص التباين → · مولّد اللوحات →

#97BAB2 — Tintiva