#5BC4DE#5BC4DE

#5BC4DE لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.470؛ OKLCH L 76.8% C 0.103 H 216.5°. أفضل لون لنص المتن هو #000000 بتباين 10.40:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#5BC4DE
RGBrgb(91, 196, 222)
HSLhsl(192, 66%, 61%)
HSVhsv(192, 59%, 87%)
CMYKcmyk(59%, 11.7%, 0%, 12.9%)
CIE-LABlab(74.17, -22.83, -22.09)
CIE-LCHlch(74.17, 31.77, 224.06°)
OKLaboklab(76.83% -0.0829 -0.0613)
OKLCHoklch(76.83% 0.103 216.5)
XYZxyz(37.2338, 46.9742, 76.1978)
Luminance0.4698 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#5BC4DE #DE755B
analogous
#5BDEB6 #5BC4DE #5B83DE
triadic
#5BC4DE #DE5BC4 #C4DE5B
tetradic
#5BC4DE #B65BDE #DE755B #83DE5B
square
#5BC4DE #B65BDE #DE755B #83DE5B
split-complementary
#5BC4DE #DE5B83 #DEB65B
monochromatic
#20869F #2AB0D2 #5BC4DE #8ED6E8 #C1E9F3

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

On white

2.02
#5BC4DE on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.40
#5BC4DE on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##5BC4DE#FFFFFF#000000##000000
##5BC4DE1.002.0210.4010.40
#FFFFFF2.021.0021.0021.00
#00000010.4021.001.001.00
##00000010.4021.001.001.00

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

Protanopia (red-blind)
#B2BFDF
Deuteranopia (green-blind)
#9FB0DE
Tritanopia (blue-blind)
#00CDCC
Achromatopsia (no color)
#B6B6B6

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

CSS
--color: #5bc4de;
/* rgb */ color: rgb(91, 196, 222);
/* oklch */ color: oklch(76.8% 0.103 216.5);
Tailwind
colors: {
  custom: {
    50: '#95d6e8',
    500: '#5bc4de',
    950: '#000000',
  },
}
SCSS
$custom: #5bc4de;
$custom-light: #95d6e8;
$custom-dark: #000000;
JSON
{
  "hex": "#5bc4de",
  "rgb": {
    "r": 91,
    "g": 196,
    "b": 222
  },
  "hsl": {
    "h": 191.908,
    "s": 66.497,
    "l": 61.373
  },
  "oklch": {
    "l": 0.76833,
    "c": 0.10309,
    "h": 216.5
  },
  "luminance": 0.46978
}

Semantic roles & 50–950 ramp

primary
#5BC4DE
secondary
#E3BCB2
accent
#3B17CE
background
#F9FDFE
surface
#F2FAFC
border
#CCD3D5
text
#0E1416
muted
#7E8384

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

معاينة مع #5BC4DE

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

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

#5BC4DE — Tintiva