#306EBF#306EBF

#306EBF لون متوسط وزاهٍ من عائلة سماوي. الإضاءة النسبية 0.155؛ OKLCH L 54.0% C 0.142 H 256.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.11:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#306EBF
RGBrgb(48, 110, 191)
HSLhsl(214, 60%, 47%)
HSVhsv(214, 75%, 75%)
CMYKcmyk(74.9%, 42.4%, 0%, 25.1%)
CIE-LABlab(46.37, 8.38, -48.23)
CIE-LCHlch(46.37, 48.95, 279.86°)
OKLaboklab(53.98% -0.0335 -0.1379)
OKLCHoklch(53.98% 0.142 256.4)
XYZxyz(16.1954, 15.5400, 51.4261)
Luminance0.1554 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#306EBF #BF8130
analogous
#30B6BF #306EBF #3930BF
triadic
#306EBF #BF306E #6EBF30
tetradic
#306EBF #BF30B6 #BF8130 #30BF39
square
#306EBF #BF30B6 #BF8130 #30BF39
split-complementary
#306EBF #BF3930 #B6BF30
monochromatic
#17365D #24528E #306EBF #578ED5 #88AFE1

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

On white

5.11
#306EBF on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.11
#306EBF on #000000
AA ✗AA large ✓AAA ✗

أفضل لون للنص

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

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

fg \ bg##306EBF#FFFFFF#000000##FFFFFF
##306EBF1.005.114.115.11
#FFFFFF5.111.0021.001.00
#0000004.1121.001.0021.00
##FFFFFF5.111.0021.001.00

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

Protanopia (red-blind)
#4675C2
Deuteranopia (green-blind)
#2D68BD
Tritanopia (blue-blind)
#00818D
Achromatopsia (no color)
#6E6E6E

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

CSS
--color: #306ebf;
/* rgb */ color: rgb(48, 110, 191);
/* oklch */ color: oklch(54.0% 0.142 256.4);
Tailwind
colors: {
  custom: {
    50: '#7c97d3',
    500: '#306ebf',
    950: '#000000',
  },
}
SCSS
$custom: #306ebf;
$custom-light: #7c97d3;
$custom-dark: #000000;
JSON
{
  "hex": "#306ebf",
  "rgb": {
    "r": 48,
    "g": 110,
    "b": 191
  },
  "hsl": {
    "h": 213.986,
    "s": 59.833,
    "l": 46.863
  },
  "oklch": {
    "l": 0.53983,
    "c": 0.14193,
    "h": 256.4
  },
  "luminance": 0.15542
}

Semantic roles & 50–950 ramp

primary
#306EBF
secondary
#CBAA80
accent
#9E45E3
background
#F8F9FD
surface
#EFF2FA
border
#CACCD3
text
#0B0D14
muted
#7C7E83

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

معاينة مع #306EBF

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

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

#306EBF — Tintiva