#369DC4#369DC4

#369DC4 لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.289؛ OKLCH L 65.4% C 0.109 H 227.5°. أفضل لون لنص المتن هو #000000 بتباين 6.78:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#369DC4
RGBrgb(54, 157, 196)
HSLhsl(196, 57%, 49%)
HSVhsv(196, 72%, 77%)
CMYKcmyk(72.4%, 19.9%, 0%, 23.1%)
CIE-LABlab(60.68, -16.51, -28.56)
CIE-LCHlch(60.68, 32.99, 239.96°)
OKLaboklab(65.41% -0.0733 -0.0801)
OKLCHoklch(65.41% 0.109 227.5)
XYZxyz(23.5380, 28.8810, 56.5479)
Luminance0.2888 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#369DC4 #C45D36
analogous
#36C4A4 #369DC4 #3656C4
triadic
#369DC4 #C4369D #9DC436
tetradic
#369DC4 #A436C4 #C45D36 #56C436
square
#369DC4 #A436C4 #C45D36 #56C436
split-complementary
#369DC4 #C43656 #C4A436
monochromatic
#1C5064 #297794 #369DC4 #63B5D4 #93CCE1

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

On white

3.10
#369DC4 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.78
#369DC4 on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #369DC4
6.78:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##369DC4#FFFFFF#000000##000000
##369DC41.003.106.786.78
#FFFFFF3.101.0021.0021.00
#0000006.7821.001.001.00
##0000006.7821.001.001.00

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

Protanopia (red-blind)
#889AC6
Deuteranopia (green-blind)
#758CC4
Tritanopia (blue-blind)
#00A8AA
Achromatopsia (no color)
#929292

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

CSS
--color: #369dc4;
/* rgb */ color: rgb(54, 157, 196);
/* oklch */ color: oklch(65.4% 0.109 227.5);
Tailwind
colors: {
  custom: {
    50: '#80bad6',
    500: '#369dc4',
    950: '#000000',
  },
}
SCSS
$custom: #369dc4;
$custom-light: #80bad6;
$custom-dark: #000000;
JSON
{
  "hex": "#369dc4",
  "rgb": {
    "r": 54,
    "g": 157,
    "b": 196
  },
  "hsl": {
    "h": 196.479,
    "s": 56.8,
    "l": 49.02
  },
  "oklch": {
    "l": 0.65405,
    "c": 0.10857,
    "h": 227.5
  },
  "luminance": 0.28884
}

Semantic roles & 50–950 ramp

primary
#369DC4
secondary
#CC9C89
accent
#7248E0
background
#F8FBFD
surface
#F0F6FA
border
#CBD0D3
text
#0C1114
muted
#7D8083

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

معاينة مع #369DC4

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

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

#369DC4 — Tintiva