#335383#335383

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

Color values

HEX	#335383
RGB	rgb(51, 83, 131)
HSL	hsl(216, 44%, 36%)
HSV	hsv(216, 61%, 51%)
CMYK	cmyk(61.1%, 36.6%, 0%, 48.6%)
CIE-LAB	lab(35.06, 3.98, -30.49)
CIE-LCH	lch(35.06, 30.75, 277.44°)
OKLab	oklab(44.12% -0.0179 -0.0863)
OKLCH	oklch(44.12% 0.088 258.3)
XYZ	xyz(8.5538, 8.5283, 22.6637)
Luminance	0.0853 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#335383 #836333

analogous

#337B83 #335383 #3B3383

triadic

#335383 #833353 #538333

tetradic

#335383 #83337B #836333 #33833B

square

#335383 #83337B #836333 #33833B

split-complementary

#335383 #833B33 #7B8333

monochromatic

#111B2B #223757 #335383 #446FAF #6B8FC5

Accessibility & contrast

On white

7.76

#335383 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.71

#335383 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #335383

7.76:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##335383	#FFFFFF	#000000	##FFFFFF
##335383	1.00	7.76	2.71	7.76
#FFFFFF	7.76	1.00	21.00	1.00
#000000	2.71	21.00	1.00	21.00
##FFFFFF	7.76	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#3F5785

Deuteranopia (green-blind)

#344F82

Tritanopia (blue-blind)

#005E65

Achromatopsia (no color)

#525252

Design tokens & code

CSS

--color: #335383;
/* rgb */ color: rgb(51, 83, 131);
/* oklch */ color: oklch(44.1% 0.088 258.3);

Tailwind

colors: {
  custom: {
    50: '#7283a7',
    500: '#335383',
    950: '#000000',
  },
}

SCSS

$custom: #335383;
$custom-light: #7283a7;
$custom-dark: #000000;

JSON

{
  "hex": "#335383",
  "rgb": {
    "r": 51,
    "g": 83,
    "b": 131
  },
  "hsl": {
    "h": 216,
    "s": 43.956,
    "l": 35.686
  },
  "oklch": {
    "l": 0.44119,
    "c": 0.08815,
    "h": 258.3
  },
  "luminance": 0.08529
}

Semantic roles & 50–950 ramp

primary

#335383

secondary

#AD9065

accent

#A154D4

background

#F7F7FA

surface

#EDEEF4

border

#C8C9CE

text

#080A0F

muted

#7B7C7F

Preview Lab

Preview with #335383

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

Preview Lab → · Contrast checker → · Palette generator →