#5FA8F2#5FA8F2

#5FA8F2 لون فاتح وزاهٍ من عائلة سماوي. الإضاءة النسبية 0.368؛ OKLCH L 71.6% C 0.131 H 250.4°. أفضل لون لنص المتن هو #000000 بتباين 8.37:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#5FA8F2
RGBrgb(95, 168, 242)
HSLhsl(210, 85%, 66%)
HSVhsv(210, 61%, 95%)
CMYKcmyk(60.7%, 30.6%, 0%, 5.1%)
CIE-LABlab(67.16, -0.95, -43.81)
CIE-LCHlch(67.16, 43.82, 268.76°)
OKLaboklab(71.57% -0.044 -0.1236)
OKLCHoklch(71.57% 0.131 250.4)
XYZxyz(34.7431, 36.8457, 89.2682)
Luminance0.3685 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#5FA8F2 #F2A95F
analogous
#5FF1F2 #5FA8F2 #5F5FF2
triadic
#5FA8F2 #F25FA8 #A8F25F
tetradic
#5FA8F2 #F25FF1 #F2A95F #5FF25F
square
#5FA8F2 #F25FF1 #F2A95F #5FF25F
split-complementary
#5FA8F2 #F25F5F #F1F25F
monochromatic
#106BC6 #2689ED #5FA8F2 #98C7F7 #D0E6FB

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

On white

2.51
#5FA8F2 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.37
#5FA8F2 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##5FA8F2#FFFFFF#000000##000000
##5FA8F21.002.518.378.37
#FFFFFF2.511.0021.0021.00
#0000008.3721.001.001.00
##0000008.3721.001.001.00

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

Protanopia (red-blind)
#88ABF5
Deuteranopia (green-blind)
#759DF1
Tritanopia (blue-blind)
#00B9C2
Achromatopsia (no color)
#A3A3A3

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

CSS
--color: #5fa8f2;
/* rgb */ color: rgb(95, 168, 242);
/* oklch */ color: oklch(71.6% 0.131 250.4);
Tailwind
colors: {
  custom: {
    50: '#98c1f6',
    500: '#5fa8f2',
    950: '#000000',
  },
}
SCSS
$custom: #5fa8f2;
$custom-light: #98c1f6;
$custom-dark: #000000;
JSON
{
  "hex": "#5fa8f2",
  "rgb": {
    "r": 95,
    "g": 168,
    "b": 242
  },
  "hsl": {
    "h": 210.204,
    "s": 84.971,
    "l": 66.078
  },
  "oklch": {
    "l": 0.71567,
    "c": 0.13123,
    "h": 250.4
  },
  "luminance": 0.36849
}

Semantic roles & 50–950 ramp

primary
#5FA8F2
secondary
#EFD7BE
accent
#7404E1
background
#FAFBFF
surface
#F3F7FE
border
#CDD0D6
text
#0F1217
muted
#7F8185

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

معاينة مع #5FA8F2

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

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

#5FA8F2 — Tintiva