#5FBCF3#5FBCF3

#5FBCF3 لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.449؛ OKLCH L 76.0% C 0.119 H 237.1°. أفضل لون لنص المتن هو #000000 بتباين 9.97:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#5FBCF3
RGBrgb(95, 188, 243)
HSLhsl(202, 86%, 66%)
HSVhsv(202, 61%, 95%)
CMYKcmyk(60.9%, 22.6%, 0%, 4.7%)
CIE-LABlab(72.80, -11.63, -35.55)
CIE-LCHlch(72.80, 37.40, 251.88°)
OKLaboklab(76.04% -0.0644 -0.0996)
OKLCHoklch(76.04% 0.119 237.1)
XYZxyz(38.8740, 44.8666, 91.3881)
Luminance0.4487 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#5FBCF3 #F3965F
analogous
#5FF3E0 #5FBCF3 #5F72F3
triadic
#5FBCF3 #F35FBC #BCF35F
tetradic
#5FBCF3 #E05FF3 #F3965F #72F35F
square
#5FBCF3 #E05FF3 #F3965F #72F35F
split-complementary
#5FBCF3 #F35F72 #F3E05F
monochromatic
#0F84C9 #26A4EF #5FBCF3 #98D4F7 #D1ECFC

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

On white

2.11
#5FBCF3 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.97
#5FBCF3 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##5FBCF3#FFFFFF#000000##000000
##5FBCF31.002.119.979.97
#FFFFFF2.111.0021.0021.00
#0000009.9721.001.001.00
##0000009.9721.001.001.00

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

Protanopia (red-blind)
#A2BBF6
Deuteranopia (green-blind)
#8EACF2
Tritanopia (blue-blind)
#00CACF
Achromatopsia (no color)
#B3B3B3

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

CSS
--color: #5fbcf3;
/* rgb */ color: rgb(95, 188, 243);
/* oklch */ color: oklch(76.0% 0.119 237.1);
Tailwind
colors: {
  custom: {
    50: '#99d0f7',
    500: '#5fbcf3',
    950: '#000000',
  },
}
SCSS
$custom: #5fbcf3;
$custom-light: #99d0f7;
$custom-dark: #000000;
JSON
{
  "hex": "#5fbcf3",
  "rgb": {
    "r": 95,
    "g": 188,
    "b": 243
  },
  "hsl": {
    "h": 202.297,
    "s": 86.047,
    "l": 66.275
  },
  "oklch": {
    "l": 0.76036,
    "c": 0.11862,
    "h": 237.1
  },
  "luminance": 0.4487
}

Semantic roles & 50–950 ramp

primary
#5FBCF3
secondary
#EFD1BF
accent
#5603E3
background
#FAFCFF
surface
#F3F9FE
border
#CDD2D6
text
#0F1417
muted
#7F8285

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

معاينة مع #5FBCF3

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

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

#5FBCF3 — Tintiva