#308FB2#308FB2

#308FB2 لون متوسط ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.235؛ OKLCH L 61.0% C 0.101 H 226.9°. أفضل لون لنص المتن هو #000000 بتباين 5.70:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#308FB2
RGBrgb(48, 143, 178)
HSLhsl(196, 58%, 44%)
HSVhsv(196, 73%, 70%)
CMYKcmyk(73%, 19.7%, 0%, 30.2%)
CIE-LABlab(55.57, -15.75, -26.28)
CIE-LCHlch(55.57, 30.64, 239.06°)
OKLaboklab(61.04% -0.069 -0.0737)
OKLCHoklch(61.04% 0.101 226.9)
XYZxyz(19.0740, 23.4854, 45.6387)
Luminance0.2349 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#308FB2 #B25330
analogous
#30B294 #308FB2 #304EB2
triadic
#308FB2 #B2308F #8FB230
tetradic
#308FB2 #9430B2 #B25330 #4EB230
square
#308FB2 #9430B2 #B25330 #4EB230
split-complementary
#308FB2 #B2304E #B29430
monochromatic
#164252 #236882 #308FB2 #50ADD0 #80C4DD

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

On white

3.69
#308FB2 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.70
#308FB2 on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #308FB2
5.70:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##308FB2#FFFFFF#000000##000000
##308FB21.003.695.705.70
#FFFFFF3.691.0021.0021.00
#0000005.7021.001.001.00
##0000005.7021.001.001.00

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

Protanopia (red-blind)
#7C8CB4
Deuteranopia (green-blind)
#6B80B2
Tritanopia (blue-blind)
#00999A
Achromatopsia (no color)
#858585

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

CSS
--color: #308fb2;
/* rgb */ color: rgb(48, 143, 178);
/* oklch */ color: oklch(61.0% 0.101 226.9);
Tailwind
colors: {
  custom: {
    50: '#7aafc9',
    500: '#308fb2',
    950: '#000000',
  },
}
SCSS
$custom: #308fb2;
$custom-light: #7aafc9;
$custom-dark: #000000;
JSON
{
  "hex": "#308fb2",
  "rgb": {
    "r": 48,
    "g": 143,
    "b": 178
  },
  "hsl": {
    "h": 196.154,
    "s": 57.522,
    "l": 44.314
  },
  "oklch": {
    "l": 0.61036,
    "c": 0.10092,
    "h": 226.9
  },
  "luminance": 0.23488
}

Semantic roles & 50–950 ramp

primary
#308FB2
secondary
#C68D78
accent
#7047E1
background
#F8FAFC
surface
#EFF4F8
border
#CACED1
text
#0B1013
muted
#7C7F82

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

معاينة مع #308FB2

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

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

#308FB2 — Tintiva