#395099#395099

#395099 is a mid, vivid blue. Relative luminance 0.089; OKLCH L 45.2% C 0.122 H 268.1°. Best body text is #FFFFFF at 7.55:1 contrast (WCAG AA passes).

Color values

HEX	#395099
RGB	rgb(57, 80, 153)
HSL	hsl(226, 46%, 41%)
HSV	hsv(226, 63%, 60%)
CMYK	cmyk(62.7%, 47.7%, 0%, 40%)
CIE-LAB	lab(35.80, 15.12, -42.69)
CIE-LCH	lch(35.80, 45.29, 289.50°)
OKLab	oklab(45.2% -0.004 -0.122)
OKLCH	oklch(45.2% 0.122 268.1)
XYZ	xyz(10.3038, 8.9062, 31.3069)
Luminance	0.0891 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#395099 #998239

analogous

#398099 #395099 #523999

triadic

#395099 #993950 #509939

tetradic

#395099 #993980 #998239 #399952

square

#395099 #993980 #998239 #399952

split-complementary

#395099 #995239 #809939

monochromatic

#182140 #28396C #395099 #516BBE #7E91CF

Accessibility & contrast

On white

7.55

#395099 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.78

#395099 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #395099

7.55:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##395099	#FFFFFF	#000000	##FFFFFF
##395099	1.00	7.55	2.78	7.55
#FFFFFF	7.55	1.00	21.00	1.00
#000000	2.78	21.00	1.00	21.00
##FFFFFF	7.55	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#2C599C

Deuteranopia (green-blind)

#1C5097

Tritanopia (blue-blind)

#00616D

Achromatopsia (no color)

#545454

Design tokens & code

CSS

--color: #395099;
/* rgb */ color: rgb(57, 80, 153);
/* oklch */ color: oklch(45.2% 0.122 268.1);

Tailwind

colors: {
  custom: {
    50: '#7980b7',
    500: '#395099',
    950: '#000000',
  },
}

SCSS

$custom: #395099;
$custom-light: #7980b7;
$custom-dark: #000000;

JSON

{
  "hex": "#395099",
  "rgb": {
    "r": 57,
    "g": 80,
    "b": 153
  },
  "hsl": {
    "h": 225.625,
    "s": 45.714,
    "l": 41.176
  },
  "oklch": {
    "l": 0.45202,
    "c": 0.12205,
    "h": 268.1
  },
  "luminance": 0.08907
}

Semantic roles & 50–950 ramp

primary

#395099

secondary

#B8A876

accent

#B652D5

background

#F7F7FB

surface

#EEEEF6

border

#C9C9D0

text

#0A0A11

muted

#7C7C80

Preview Lab

Preview with #395099

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

Preview Lab → · Contrast checker → · Palette generator →