#375483#375483

#375483 is a dark, moderate blue. Relative luminance 0.088; OKLCH L 44.6% C 0.085 H 259.7°. Best body text is #FFFFFF at 7.61:1 contrast (WCAG AA passes).

Color values

HEX	#375483
RGB	rgb(55, 84, 131)
HSL	hsl(217, 41%, 36%)
HSV	hsv(217, 58%, 51%)
CMYK	cmyk(58%, 35.9%, 0%, 48.6%)
CIE-LAB	lab(35.58, 4.23, -29.66)
CIE-LCH	lch(35.58, 29.96, 278.11°)
OKLab	oklab(44.58% -0.0153 -0.0838)
OKLCH	oklch(44.58% 0.085 259.7)
XYZ	xyz(8.8412, 8.7909, 22.6992)
Luminance	0.0879 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#375483 #836637

analogous

#377A83 #375483 #403783

triadic

#375483 #833754 #548337

tetradic

#375483 #83377A #836637 #378340

square

#375483 #83377A #836637 #378340

split-complementary

#375483 #834037 #7A8337

monochromatic

#131D2D #253858 #375483 #4970AE #7190C3

Accessibility & contrast

On white

7.61

#375483 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.76

#375483 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #375483

7.61:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##375483	#FFFFFF	#000000	##FFFFFF
##375483	1.00	7.61	2.76	7.61
#FFFFFF	7.61	1.00	21.00	1.00
#000000	2.76	21.00	1.00	21.00
##FFFFFF	7.61	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#415885

Deuteranopia (green-blind)

#375082

Tritanopia (blue-blind)

#025E65

Achromatopsia (no color)

#545454

Design tokens & code

CSS

--color: #375483;
/* rgb */ color: rgb(55, 84, 131);
/* oklch */ color: oklch(44.6% 0.085 259.7);

Tailwind

colors: {
  custom: {
    50: '#7483a7',
    500: '#375483',
    950: '#000000',
  },
}

SCSS

$custom: #375483;
$custom-light: #7483a7;
$custom-dark: #000000;

JSON

{
  "hex": "#375483",
  "rgb": {
    "r": 55,
    "g": 84,
    "b": 131
  },
  "hsl": {
    "h": 217.105,
    "s": 40.86,
    "l": 36.471
  },
  "oklch": {
    "l": 0.44581,
    "c": 0.08519,
    "h": 259.7
  },
  "luminance": 0.08792
}

Semantic roles & 50–950 ramp

primary

#375483

secondary

#AC936A

accent

#A257D1

background

#F7F8FA

surface

#EDEFF4

border

#C8CACE

text

#090A0F

muted

#7B7C7F

Preview Lab

Preview with #375483

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

Preview Lab → · Contrast checker → · Palette generator →