#393C63#393C63

#393C63 is a dark, moderate blue. Relative luminance 0.050; OKLCH L 37.2% C 0.067 H 279.3°. Best body text is #FFFFFF at 10.50:1 contrast (WCAG AA passes).

Color values

HEX#393C63
RGBrgb(57, 60, 99)
HSLhsl(236, 27%, 31%)
HSVhsv(236, 42%, 39%)
CMYKcmyk(42.4%, 39.4%, 0%, 61.2%)
CIE-LABlab(26.74, 9.81, -23.45)
CIE-LCHlch(26.74, 25.41, 292.69°)
OKLaboklab(37.21% 0.0107 -0.0658)
OKLCHoklch(37.21% 0.067 279.3)
XYZxyz(5.5547, 5.0022, 12.4748)
Luminance0.0500 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#393C63 #636039
analogous
#395163 #393C63 #4B3963
triadic
#393C63 #63393C #3C6339
tetradic
#393C63 #633951 #636039 #39634B
square
#393C63 #633951 #636039 #39634B
split-complementary
#393C63 #634B39 #516339
monochromatic
#0C0D15 #23243C #393C63 #4F548A #6C70AA

Accessibility & contrast

On white

10.50
#393C63 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.00
#393C63 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #393C63
10.50:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##393C63#FFFFFF#000000##FFFFFF
##393C631.0010.502.0010.50
#FFFFFF10.501.0021.001.00
#0000002.0021.001.0021.00
##FFFFFF10.501.0021.001.00

Color blindness preview

Protanopia (red-blind)
#2F4165
Deuteranopia (green-blind)
#2C3E62
Tritanopia (blue-blind)
#2C444A
Achromatopsia (no color)
#3F3F3F

Design tokens & code

CSS
--color: #393c63;
/* rgb */ color: rgb(57, 60, 99);
/* oklch */ color: oklch(37.2% 0.067 279.3);
Tailwind
colors: {
  custom: {
    50: '#71718f',
    500: '#393c63',
    950: '#000000',
  },
}
SCSS
$custom: #393c63;
$custom-light: #71718f;
$custom-dark: #000000;
JSON
{
  "hex": "#393c63",
  "rgb": {
    "r": 57,
    "g": 60,
    "b": 99
  },
  "hsl": {
    "h": 235.714,
    "s": 26.923,
    "l": 30.588
  },
  "oklch": {
    "l": 0.37215,
    "c": 0.06669,
    "h": 279.3
  },
  "luminance": 0.05002
}

Semantic roles & 50–950 ramp

primary
#393C63
secondary
#939065
accent
#BD65C3
background
#F6F6F8
surface
#ECECF0
border
#C7C7CB
text
#08070C
muted
#7B7A7D

Preview Lab

Preview with #393C63

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

Preview Lab → · Contrast checker → · Palette generator →

#393C63 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva