#392DCC#392DCC

#392DCC is a dark, highly saturated blue. Relative luminance 0.071; OKLCH L 43.8% C 0.229 H 274.6°. Best body text is #FFFFFF at 8.67:1 contrast (WCAG AA passes).

Color values

HEX#392DCC
RGBrgb(57, 45, 204)
HSLhsl(245, 64%, 49%)
HSVhsv(245, 78%, 80%)
CMYKcmyk(72.1%, 77.9%, 0%, 20%)
CIE-LABlab(32.04, 53.92, -79.08)
CIE-LCHlch(32.04, 95.72, 304.29°)
OKLaboklab(43.78% 0.0186 -0.2287)
OKLCHoklch(43.78% 0.229 274.6)
XYZxyz(13.5212, 7.1049, 57.7738)
Luminance0.0711 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#392DCC #C0CC2D
analogous
#2D71CC #392DCC #892DCC
triadic
#392DCC #CC392D #2DCC39
tetradic
#392DCC #CC2D71 #C0CC2D #2DCC89
square
#392DCC #CC2D71 #C0CC2D #2DCC89
split-complementary
#392DCC #CC892D #71CC2D
monochromatic
#1D1768 #2B229A #392DCC #655BDB #948DE6

Accessibility & contrast

On white

8.67
#392DCC on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.42
#392DCC on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #392DCC
8.67:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##392DCC#FFFFFF#000000##FFFFFF
##392DCC1.008.672.428.67
#FFFFFF8.671.0021.001.00
#0000002.4221.001.0021.00
##FFFFFF8.671.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0052D0
Deuteranopia (green-blind)
#0044C9
Tritanopia (blue-blind)
#005D7C
Achromatopsia (no color)
#4B4B4B

Design tokens & code

CSS
--color: #392dcc;
/* rgb */ color: rgb(57, 45, 204);
/* oklch */ color: oklch(43.8% 0.229 274.6);
Tailwind
colors: {
  custom: {
    50: '#866add',
    500: '#392dcc',
    950: '#000000',
  },
}
SCSS
$custom: #392dcc;
$custom-light: #866add;
$custom-dark: #000000;
JSON
{
  "hex": "#392dcc",
  "rgb": {
    "r": 57,
    "g": 45,
    "b": 204
  },
  "hsl": {
    "h": 244.528,
    "s": 63.855,
    "l": 48.824
  },
  "oklch": {
    "l": 0.43778,
    "c": 0.22947,
    "h": 274.6
  },
  "luminance": 0.07106
}

Semantic roles & 50–950 ramp

primary
#392DCC
secondary
#CBD085
accent
#E741DA
background
#F9F6FD
surface
#F1EBFB
border
#CBC6D4
text
#0D0715
muted
#7E7A83

Preview Lab

Preview with #392DCC

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

Preview Lab → · Contrast checker → · Palette generator →

#392DCC Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva