#97E3EA#97E3EA

#97E3EA لون فاتح جداً ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.675؛ OKLCH L 86.9% C 0.075 H 203.2°. أفضل لون لنص المتن هو #000000 بتباين 14.49:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#97E3EA
RGBrgb(151, 227, 234)
HSLhsl(185, 66%, 75%)
HSVhsv(185, 35%, 92%)
CMYKcmyk(35.5%, 3%, 0%, 8.2%)
CIE-LABlab(85.73, -21.65, -10.85)
CIE-LCHlch(85.73, 24.22, 206.63°)
OKLaboklab(86.88% -0.0694 -0.0298)
OKLCHoklch(86.88% 0.075 203.2)
XYZxyz(55.0776, 67.4545, 87.9437)
Luminance0.6746 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#97E3EA #EA9E97
analogous
#97EAC7 #97E3EA #97B9EA
triadic
#97E3EA #EA97E3 #E3EA97
tetradic
#97E3EA #C797EA #EA9E97 #B9EA97
square
#97E3EA #C797EA #EA9E97 #B9EA97
split-complementary
#97E3EA #EA97B9 #EAC797
monochromatic
#31C8D5 #64D5E0 #97E3EA #CAF1F4 #E6F8FA

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

On white

1.45
#97E3EA on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.49
#97E3EA on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##97E3EA#FFFFFF#000000##000000
##97E3EA1.001.4514.4914.49
#FFFFFF1.451.0021.0021.00
#00000014.4921.001.001.00
##00000014.4921.001.001.00

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

Protanopia (red-blind)
#D8DDEB
Deuteranopia (green-blind)
#C9D2EA
Tritanopia (blue-blind)
#76E9E5
Achromatopsia (no color)
#D6D6D6

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

CSS
--color: #97e3ea;
/* rgb */ color: rgb(151, 227, 234);
/* oklch */ color: oklch(86.9% 0.075 203.2);
Tailwind
colors: {
  custom: {
    50: '#b9ecf0',
    500: '#97e3ea',
    950: '#000000',
  },
}
SCSS
$custom: #97e3ea;
$custom-light: #b9ecf0;
$custom-dark: #000000;
JSON
{
  "hex": "#97e3ea",
  "rgb": {
    "r": 151,
    "g": 227,
    "b": 234
  },
  "hsl": {
    "h": 185.06,
    "s": 66.4,
    "l": 75.49
  },
  "oklch": {
    "l": 0.86877,
    "c": 0.07548,
    "h": 203.2
  },
  "luminance": 0.67458
}

Semantic roles & 50–950 ramp

primary
#97E3EA
secondary
#C56960
accent
#2717CE
background
#FDFEFF
surface
#F8FDFE
border
#D1D5D6
text
#121616
muted
#828485

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

معاينة مع #97E3EA

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

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

#97E3EA — Tintiva