#39485F#39485F

#39485F is a dark, muted blue. Relative luminance 0.063; OKLCH L 39.9% C 0.044 H 258.8°. Best body text is #FFFFFF at 9.27:1 contrast (WCAG AA passes).

Color values

HEX	#39485F
RGB	rgb(57, 72, 95)
HSL	hsl(216, 25%, 30%)
HSV	hsv(216, 40%, 37%)
CMYK	cmyk(40%, 24.2%, 0%, 62.7%)
CIE-LAB	lab(30.23, 0.58, -15.45)
CIE-LCH	lch(30.23, 15.46, 272.15°)
OKLab	oklab(39.86% -0.0085 -0.0428)
OKLCH	oklch(39.86% 0.044 258.8)
XYZ	xyz(6.0696, 6.3305, 11.7263)
Luminance	0.0633 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#39485F #5F5039

analogous

#395B5F #39485F #3D395F

triadic

#39485F #5F3948 #485F39

tetradic

#39485F #5F395B #5F5039 #395F3D

square

#39485F #5F395B #5F5039 #395F3D

split-complementary

#39485F #5F3D39 #5B5F39

monochromatic

#0B0E13 #222B39 #39485F #506585 #6C83A7

Accessibility & contrast

On white

9.27

#39485F on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.27

#39485F on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #39485F

9.27:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##39485F	#FFFFFF	#000000	##FFFFFF
##39485F	1.00	9.27	2.27	9.27
#FFFFFF	9.27	1.00	21.00	1.00
#000000	2.27	21.00	1.00	21.00
##FFFFFF	9.27	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#404960

Deuteranopia (green-blind)

#3C465E

Tritanopia (blue-blind)

#2D4D50

Achromatopsia (no color)

#474747

Design tokens & code

CSS

--color: #39485f;
/* rgb */ color: rgb(57, 72, 95);
/* oklch */ color: oklch(39.9% 0.044 258.8);

Tailwind

colors: {
  custom: {
    50: '#717a8c',
    500: '#39485f',
    950: '#000000',
  },
}

SCSS

$custom: #39485f;
$custom-light: #717a8c;
$custom-dark: #000000;

JSON

{
  "hex": "#39485f",
  "rgb": {
    "r": 57,
    "g": 72,
    "b": 95
  },
  "hsl": {
    "h": 216.316,
    "s": 25,
    "l": 29.804
  },
  "oklch": {
    "l": 0.39859,
    "c": 0.04363,
    "h": 258.8
  },
  "luminance": 0.06331
}

Semantic roles & 50–950 ramp

primary

#39485F

secondary

#8F7E65

accent

#9D66C1

background

#F6F7F8

surface

#ECEDF0

border

#C7C8CB

text

#08090C

muted

#7B7B7D

Preview Lab

Preview with #39485F

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

Preview Lab → · Contrast checker → · Palette generator →