#5BBDF9#5BBDF9

#5BBDF9 لون فاتح وزاهٍ من عائلة سماوي. الإضاءة النسبية 0.455؛ OKLCH L 76.4% C 0.126 H 238.4°. أفضل لون لنص المتن هو #000000 بتباين 10.09:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#5BBDF9
RGBrgb(91, 189, 249)
HSLhsl(203, 93%, 67%)
HSVhsv(203, 63%, 98%)
CMYKcmyk(63.5%, 24.1%, 0%, 2.4%)
CIE-LABlab(73.19, -10.99, -38.20)
CIE-LCHlch(73.19, 39.74, 253.95°)
OKLaboklab(76.38% -0.066 -0.1073)
OKLCHoklch(76.38% 0.126 238.4)
XYZxyz(39.6043, 45.4549, 96.2907)
Luminance0.4546 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#5BBDF9 #F9975B
analogous
#5BF9E6 #5BBDF9 #5B6EF9
triadic
#5BBDF9 #F95BBD #BDF95B
tetradic
#5BBDF9 #E65BF9 #F9975B #6EF95B
square
#5BBDF9 #E65BF9 #F9975B #6EF95B
split-complementary
#5BBDF9 #F95B6E #F9E65B
monochromatic
#0885D2 #20A5F7 #5BBDF9 #96D5FB #D1EDFD

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

On white

2.08
#5BBDF9 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.09
#5BBDF9 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #5BBDF9
10.09:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##5BBDF9#FFFFFF#000000##000000
##5BBDF91.002.0810.0910.09
#FFFFFF2.081.0021.0021.00
#00000010.0921.001.001.00
##00000010.0921.001.001.00

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

Protanopia (red-blind)
#A1BDFC
Deuteranopia (green-blind)
#8CADF8
Tritanopia (blue-blind)
#00CCD1
Achromatopsia (no color)
#B4B4B4

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

CSS
--color: #5bbdf9;
/* rgb */ color: rgb(91, 189, 249);
/* oklch */ color: oklch(76.4% 0.126 238.4);
Tailwind
colors: {
  custom: {
    50: '#98d0fb',
    500: '#5bbdf9',
    950: '#000000',
  },
}
SCSS
$custom: #5bbdf9;
$custom-light: #98d0fb;
$custom-dark: #000000;
JSON
{
  "hex": "#5bbdf9",
  "rgb": {
    "r": 91,
    "g": 189,
    "b": 249
  },
  "hsl": {
    "h": 202.785,
    "s": 92.941,
    "l": 66.667
  },
  "oklch": {
    "l": 0.76384,
    "c": 0.12598,
    "h": 238.4
  },
  "luminance": 0.45459
}

Semantic roles & 50–950 ramp

primary
#5BBDF9
secondary
#F1D2BE
accent
#5700E6
background
#FAFCFF
surface
#F3F9FF
border
#CDD2D7
text
#0F1417
muted
#7F8285

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

معاينة مع #5BBDF9

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

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

#5BBDF9 — Tintiva