#3B6AEE#3B6AEE

#3B6AEE is a mid, highly saturated blue. Relative luminance 0.174; OKLCH L 56.9% C 0.206 H 265.4°. Best body text is #FFFFFF at 4.69:1 contrast (WCAG AA passes).

Color values

HEX#3B6AEE
RGBrgb(59, 106, 238)
HSLhsl(224, 84%, 58%)
HSVhsv(224, 75%, 93%)
CMYKcmyk(75.2%, 55.5%, 0%, 6.7%)
CIE-LABlab(48.77, 29.59, -71.06)
CIE-LCHlch(48.77, 76.98, 292.61°)
OKLaboklab(56.92% -0.0165 -0.205)
OKLCHoklch(56.92% 0.206 265.4)
XYZxyz(22.3848, 17.4084, 83.0528)
Luminance0.1741 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#3B6AEE #EEBF3B
analogous
#3BC3EE #3B6AEE #653BEE
triadic
#3B6AEE #EE3B6A #6AEE3B
tetradic
#3B6AEE #EE3BC3 #EEBF3B #3BEE65
square
#3B6AEE #EE3BC3 #EEBF3B #3BEE65
split-complementary
#3B6AEE #EE653B #C3EE3B
monochromatic
#0E34A1 #1347D9 #3B6AEE #7395F3 #ACC0F8

Accessibility & contrast

On white

4.69
#3B6AEE on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.48
#3B6AEE on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #3B6AEE
4.69:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##3B6AEE#FFFFFF#000000##FFFFFF
##3B6AEE1.004.694.484.69
#FFFFFF4.691.0021.001.00
#0000004.4821.001.0021.00
##FFFFFF4.691.0021.001.00

Color blindness preview

Protanopia (red-blind)
#007CF3
Deuteranopia (green-blind)
#006CEB
Tritanopia (blue-blind)
#008BA2
Achromatopsia (no color)
#747474

Design tokens & code

CSS
--color: #3b6aee;
/* rgb */ color: rgb(59, 106, 238);
/* oklch */ color: oklch(56.9% 0.206 265.4);
Tailwind
colors: {
  custom: {
    50: '#8a94f4',
    500: '#3b6aee',
    950: '#000000',
  },
}
SCSS
$custom: #3b6aee;
$custom-light: #8a94f4;
$custom-dark: #000000;
JSON
{
  "hex": "#3b6aee",
  "rgb": {
    "r": 59,
    "g": 106,
    "b": 238
  },
  "hsl": {
    "h": 224.246,
    "s": 84.038,
    "l": 58.235
  },
  "oklch": {
    "l": 0.56919,
    "c": 0.20567,
    "h": 265.4
  },
  "luminance": 0.17411
}

Semantic roles & 50–950 ramp

primary
#3B6AEE
secondary
#E6D39F
accent
#C52DFA
background
#F9F9FF
surface
#F2F1FE
border
#CCCBD6
text
#0E0D17
muted
#7E7E85

Preview Lab

Preview with #3B6AEE

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

Preview Lab → · Contrast checker → · Palette generator →

#3B6AEE Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva