#97BFD3#97BFD3

#97BFD3 لون فاتح وخافت من عائلة سماوي. الإضاءة النسبية 0.485؛ OKLCH L 78.2% C 0.051 H 229.8°. أفضل لون لنص المتن هو #000000 بتباين 10.71:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#97BFD3
RGBrgb(151, 191, 211)
HSLhsl(200, 41%, 71%)
HSVhsv(200, 28%, 83%)
CMYKcmyk(28.4%, 9.5%, 0%, 17.3%)
CIE-LABlab(75.17, -8.68, -14.37)
CIE-LCHlch(75.17, 16.78, 238.86°)
OKLaboklab(78.25% -0.0331 -0.0392)
OKLCHoklch(78.25% 0.051 229.8)
XYZxyz(43.1476, 48.5422, 68.7115)
Luminance0.4854 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#97BFD3 #D3AB97
analogous
#97D3C9 #97BFD3 #97A1D3
triadic
#97BFD3 #D397BF #BFD397
tetradic
#97BFD3 #C997D3 #D3AB97 #A1D397
square
#97BFD3 #C997D3 #D3AB97 #A1D397
split-complementary
#97BFD3 #D397A1 #D3C997
monochromatic
#4788A8 #6CA5C1 #97BFD3 #C2D9E5 #E9F2F6

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

On white

1.96
#97BFD3 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.71
#97BFD3 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##97BFD3#FFFFFF#000000##000000
##97BFD31.001.9610.7110.71
#FFFFFF1.961.0021.0021.00
#00000010.7121.001.001.00
##00000010.7121.001.001.00

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

Protanopia (red-blind)
#B5BDD4
Deuteranopia (green-blind)
#ACB6D3
Tritanopia (blue-blind)
#84C5C5
Achromatopsia (no color)
#B9B9B9

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

CSS
--color: #97bfd3;
/* rgb */ color: rgb(151, 191, 211);
/* oklch */ color: oklch(78.2% 0.051 229.8);
Tailwind
colors: {
  custom: {
    50: '#b7d2e0',
    500: '#97bfd3',
    950: '#000000',
  },
}
SCSS
$custom: #97bfd3;
$custom-light: #b7d2e0;
$custom-dark: #000000;
JSON
{
  "hex": "#97bfd3",
  "rgb": {
    "r": 151,
    "g": 191,
    "b": 211
  },
  "hsl": {
    "h": 200,
    "s": 40.541,
    "l": 70.98
  },
  "oklch": {
    "l": 0.78247,
    "c": 0.05133,
    "h": 229.8
  },
  "luminance": 0.48544
}

Semantic roles & 50–950 ramp

primary
#97BFD3
secondary
#EBE0DB
accent
#5D32B4
background
#FBFCFD
surface
#F6F9FB
border
#D0D2D4
text
#111415
muted
#808283

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

معاينة مع #97BFD3

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

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

#97BFD3 — Tintiva