#97D3CC#97D3CC

#97D3CC لون فاتح جداً ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.575؛ OKLCH L 82.4% C 0.062 H 187.0°. أفضل لون لنص المتن هو #000000 بتباين 12.51:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#97D3CC
RGBrgb(151, 211, 204)
HSLhsl(173, 41%, 71%)
HSVhsv(173, 28%, 83%)
CMYKcmyk(28.4%, 0%, 3.3%, 17.3%)
CIE-LABlab(80.47, -20.58, -2.71)
CIE-LCHlch(80.47, 20.76, 187.50°)
OKLaboklab(82.4% -0.0617 -0.0076)
OKLCHoklch(82.4% 0.062 187)
XYZxyz(46.9523, 57.5251, 65.7445)
Luminance0.5753 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#97D3CC #D3979E
analogous
#97D3AE #97D3CC #97BCD3
triadic
#97D3CC #CC97D3 #D3CC97
tetradic
#97D3CC #AE97D3 #D3979E #BCD397
square
#97D3CC #AE97D3 #D3979E #BCD397
split-complementary
#97D3CC #D397BC #D3AE97
monochromatic
#47A89D #6CC1B7 #97D3CC #C2E5E1 #E9F6F4

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

On white

1.68
#97D3CC on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.51
#97D3CC on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##97D3CC#FFFFFF#000000##000000
##97D3CC1.001.6812.5112.51
#FFFFFF1.681.0021.0021.00
#00000012.5121.001.001.00
##00000012.5121.001.001.00

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

Protanopia (red-blind)
#CDCDCC
Deuteranopia (green-blind)
#C2C4CD
Tritanopia (blue-blind)
#84D6D1
Achromatopsia (no color)
#C8C8C8

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

CSS
--color: #97d3cc;
/* rgb */ color: rgb(151, 211, 204);
/* oklch */ color: oklch(82.4% 0.062 187.0);
Tailwind
colors: {
  custom: {
    50: '#b7e0db',
    500: '#97d3cc',
    950: '#000000',
  },
}
SCSS
$custom: #97d3cc;
$custom-light: #b7e0db;
$custom-dark: #000000;
JSON
{
  "hex": "#97d3cc",
  "rgb": {
    "r": 151,
    "g": 211,
    "b": 204
  },
  "hsl": {
    "h": 173,
    "s": 40.541,
    "l": 70.98
  },
  "oklch": {
    "l": 0.824,
    "c": 0.06214,
    "h": 187
  },
  "luminance": 0.57527
}

Semantic roles & 50–950 ramp

primary
#97D3CC
secondary
#A9656D
accent
#3241B4
background
#FDFEFE
surface
#F8FCFB
border
#D1D5D4
text
#111515
muted
#818484

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

معاينة مع #97D3CC

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

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

#97D3CC — Tintiva