#3B64D2#3B64D2

#3B64D2 is a mid, vivid blue. Relative luminance 0.147; OKLCH L 53.6% C 0.176 H 265.4°. Best body text is #FFFFFF at 5.33:1 contrast (WCAG AA passes).

Color values

HEX#3B64D2
RGBrgb(59, 100, 210)
HSLhsl(224, 63%, 53%)
HSVhsv(224, 72%, 82%)
CMYKcmyk(71.9%, 52.4%, 0%, 17.6%)
CIE-LABlab(45.21, 23.22, -60.98)
CIE-LCHlch(45.21, 65.25, 290.85°)
OKLaboklab(53.61% -0.0141 -0.1754)
OKLCHoklch(53.61% 0.176 265.4)
XYZxyz(17.9896, 14.6954, 62.8487)
Luminance0.1470 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#3B64D2 #D2A93B
analogous
#3BAFD2 #3B64D2 #5E3BD2
triadic
#3B64D2 #D23B64 #64D23B
tetradic
#3B64D2 #D23BAF #D2A93B #3BD25E
square
#3B64D2 #D23BAF #D2A93B #3BD25E
split-complementary
#3B64D2 #D25E3B #AFD23B
monochromatic
#1B3477 #274AA9 #3B64D2 #6D8BDD #9FB3E9

Accessibility & contrast

On white

5.33
#3B64D2 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.94
#3B64D2 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #3B64D2
5.33:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##3B64D2#FFFFFF#000000##FFFFFF
##3B64D21.005.333.945.33
#FFFFFF5.331.0021.001.00
#0000003.9421.001.0021.00
##FFFFFF5.331.0021.001.00

Color blindness preview

Protanopia (red-blind)
#1772D6
Deuteranopia (green-blind)
#0064D0
Tritanopia (blue-blind)
#007E91
Achromatopsia (no color)
#6B6B6B

Design tokens & code

CSS
--color: #3b64d2;
/* rgb */ color: rgb(59, 100, 210);
/* oklch */ color: oklch(53.6% 0.176 265.4);
Tailwind
colors: {
  custom: {
    50: '#848fe0',
    500: '#3b64d2',
    950: '#000000',
  },
}
SCSS
$custom: #3b64d2;
$custom-light: #848fe0;
$custom-dark: #000000;
JSON
{
  "hex": "#3b64d2",
  "rgb": {
    "r": 59,
    "g": 100,
    "b": 210
  },
  "hsl": {
    "h": 223.709,
    "s": 62.656,
    "l": 52.745
  },
  "oklch": {
    "l": 0.53605,
    "c": 0.17601,
    "h": 265.4
  },
  "luminance": 0.14697
}

Semantic roles & 50–950 ramp

primary
#3B64D2
secondary
#D5C394
accent
#B942E6
background
#F8F8FD
surface
#F0F0FB
border
#CBCBD4
text
#0C0C15
muted
#7D7D83

Preview Lab

Preview with #3B64D2

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

Preview Lab → · Contrast checker → · Palette generator →

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