#97C4CC#97C4CC

#97C4CC لون فاتح وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.504؛ OKLCH L 79.1% C 0.049 H 209.6°. أفضل لون لنص المتن هو #000000 بتباين 11.08:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#97C4CC
RGBrgb(151, 196, 204)
HSLhsl(189, 34%, 70%)
HSVhsv(189, 26%, 80%)
CMYKcmyk(26%, 3.9%, 0%, 20%)
CIE-LABlab(76.32, -12.93, -8.84)
CIE-LCHlch(76.32, 15.67, 214.36°)
OKLaboklab(79.1% -0.0423 -0.0241)
OKLCHoklch(79.1% 0.049 209.6)
XYZxyz(43.3982, 50.4169, 64.5598)
Luminance0.5042 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#97C4CC #CC9F97
analogous
#97CCBA #97C4CC #97A9CC
triadic
#97C4CC #CC97C4 #C4CC97
tetradic
#97C4CC #BA97CC #CC9F97 #A9CC97
square
#97C4CC #BA97CC #CC9F97 #A9CC97
split-complementary
#97C4CC #CC97A9 #CCBA97
monochromatic
#4D909C #6EADB8 #97C4CC #C0DBE0 #E9F3F4

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

On white

1.89
#97C4CC on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.08
#97C4CC on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##97C4CC#FFFFFF#000000##000000
##97C4CC1.001.8911.0811.08
#FFFFFF1.891.0021.0021.00
#00000011.0821.001.001.00
##00000011.0821.001.001.00

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

Protanopia (red-blind)
#BCC0CD
Deuteranopia (green-blind)
#B3B9CC
Tritanopia (blue-blind)
#86C8C6
Achromatopsia (no color)
#BCBCBC

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

CSS
--color: #97c4cc;
/* rgb */ color: rgb(151, 196, 204);
/* oklch */ color: oklch(79.1% 0.049 209.6);
Tailwind
colors: {
  custom: {
    50: '#b7d5db',
    500: '#97c4cc',
    950: '#000000',
  },
}
SCSS
$custom: #97c4cc;
$custom-light: #b7d5db;
$custom-dark: #000000;
JSON
{
  "hex": "#97c4cc",
  "rgb": {
    "r": 151,
    "g": 196,
    "b": 204
  },
  "hsl": {
    "h": 189.057,
    "s": 34.194,
    "l": 69.608
  },
  "oklch": {
    "l": 0.79095,
    "c": 0.04872,
    "h": 209.6
  },
  "luminance": 0.50419
}

Semantic roles & 50–950 ramp

primary
#97C4CC
secondary
#A16F66
accent
#4A38AD
background
#FDFEFE
surface
#F8FBFB
border
#D1D4D4
text
#111415
muted
#818384

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

معاينة مع #97C4CC

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

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

#97C4CC — Tintiva