#306BC5#306BC5

#306BC5 لون متوسط وزاهٍ من عائلة أزرق. الإضاءة النسبية 0.152؛ OKLCH L 53.7% C 0.153 H 258.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.20:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#306BC5
RGBrgb(48, 107, 197)
HSLhsl(216, 61%, 48%)
HSVhsv(216, 76%, 77%)
CMYKcmyk(75.6%, 45.7%, 0%, 22.7%)
CIE-LABlab(45.87, 12.53, -52.48)
CIE-LCHlch(45.87, 53.96, 283.43°)
OKLaboklab(53.72% -0.0297 -0.1505)
OKLCHoklch(53.72% 0.153 258.8)
XYZxyz(16.5510, 15.1731, 54.8689)
Luminance0.1517 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#306BC5 #C58A30
analogous
#30B5C5 #306BC5 #4030C5
triadic
#306BC5 #C5306B #6BC530
tetradic
#306BC5 #C530B5 #C58A30 #30C540
square
#306BC5 #C530B5 #C58A30 #30C540
split-complementary
#306BC5 #C54030 #B5C530
monochromatic
#183663 #245094 #306BC5 #5B8CD7 #8CAFE3

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

On white

5.20
#306BC5 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.03
#306BC5 on #000000
AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #306BC5
5.20:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##306BC5#FFFFFF#000000##FFFFFF
##306BC51.005.204.035.20
#FFFFFF5.201.0021.001.00
#0000004.0321.001.0021.00
##FFFFFF5.201.0021.001.00

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

Protanopia (red-blind)
#3C74C8
Deuteranopia (green-blind)
#1A66C3
Tritanopia (blue-blind)
#00808E
Achromatopsia (no color)
#6D6D6D

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

CSS
--color: #306bc5;
/* rgb */ color: rgb(48, 107, 197);
/* oklch */ color: oklch(53.7% 0.153 258.8);
Tailwind
colors: {
  custom: {
    50: '#7d94d7',
    500: '#306bc5',
    950: '#000000',
  },
}
SCSS
$custom: #306bc5;
$custom-light: #7d94d7;
$custom-dark: #000000;
JSON
{
  "hex": "#306bc5",
  "rgb": {
    "r": 48,
    "g": 107,
    "b": 197
  },
  "hsl": {
    "h": 216.242,
    "s": 60.816,
    "l": 48.039
  },
  "oklch": {
    "l": 0.53718,
    "c": 0.15341,
    "h": 258.8
  },
  "luminance": 0.15175
}

Semantic roles & 50–950 ramp

primary
#306BC5
secondary
#CDB084
accent
#A544E4
background
#F8F9FD
surface
#EFF1FA
border
#CACBD3
text
#0B0D14
muted
#7C7E83

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

معاينة مع #306BC5

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

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

#306BC5 — Tintiva