#97EAF2#97EAF2

#97EAF2 لون فاتح جداً ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.718؛ OKLCH L 88.7% C 0.081 H 203.6°. أفضل لون لنص المتن هو #000000 بتباين 15.37:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#97EAF2
RGBrgb(151, 234, 242)
HSLhsl(185, 78%, 77%)
HSVhsv(185, 38%, 95%)
CMYKcmyk(37.6%, 3.3%, 0%, 5.1%)
CIE-LABlab(87.89, -23.19, -11.85)
CIE-LCHlch(87.89, 26.04, 207.07°)
OKLaboklab(88.68% -0.0745 -0.0325)
OKLCHoklch(88.68% 0.081 203.6)
XYZxyz(58.2066, 71.8319, 94.7850)
Luminance0.7184 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#97EAF2 #F29F97
analogous
#97F2CD #97EAF2 #97BDF2
triadic
#97EAF2 #F297EA #EAF297
tetradic
#97EAF2 #CD97F2 #F29F97 #BDF297
square
#97EAF2 #CD97F2 #F29F97 #BDF297
split-complementary
#97EAF2 #F297BD #F2CD97
monochromatic
#2AD4E4 #61DFEB #97EAF2 #CDF5F9 #E4FAFC

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

On white

1.37
#97EAF2 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

15.37
#97EAF2 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##97EAF2#FFFFFF#000000##000000
##97EAF21.001.3715.3715.37
#FFFFFF1.371.0021.0021.00
#00000015.3721.001.001.00
##00000015.3721.001.001.00

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

Protanopia (red-blind)
#DEE3F3
Deuteranopia (green-blind)
#CED7F2
Tritanopia (blue-blind)
#71F0EC
Achromatopsia (no color)
#DCDCDC

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

CSS
--color: #97eaf2;
/* rgb */ color: rgb(151, 234, 242);
/* oklch */ color: oklch(88.7% 0.081 203.6);
Tailwind
colors: {
  custom: {
    50: '#b9f1f6',
    500: '#97eaf2',
    950: '#000000',
  },
}
SCSS
$custom: #97eaf2;
$custom-light: #b9f1f6;
$custom-dark: #000000;
JSON
{
  "hex": "#97eaf2",
  "rgb": {
    "r": 151,
    "g": 234,
    "b": 242
  },
  "hsl": {
    "h": 185.275,
    "s": 77.778,
    "l": 77.059
  },
  "oklch": {
    "l": 0.88675,
    "c": 0.08133,
    "h": 203.6
  },
  "luminance": 0.71836
}

Semantic roles & 50–950 ramp

primary
#97EAF2
secondary
#CF685E
accent
#1E0BDA
background
#FDFFFF
surface
#F8FEFE
border
#D1D6D6
text
#121617
muted
#828585

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

معاينة مع #97EAF2

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

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

#97EAF2 — Tintiva