#335587#335587

#335587 is a dark, moderate blue. Relative luminance 0.089; OKLCH L 44.8% C 0.092 H 257.9°. Best body text is #FFFFFF at 7.53:1 contrast (WCAG AA passes).

Color values

HEX#335587
RGBrgb(51, 85, 135)
HSLhsl(216, 45%, 36%)
HSVhsv(216, 62%, 53%)
CMYKcmyk(62.2%, 37%, 0%, 47.1%)
CIE-LABlab(35.89, 4.12, -31.64)
CIE-LCHlch(35.89, 31.91, 277.43°)
OKLaboklab(44.83% -0.0192 -0.0896)
OKLCHoklch(44.83% 0.092 257.9)
XYZxyz(8.9854, 8.9493, 24.1708)
Luminance0.0895 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#335587 #876533
analogous
#337F87 #335587 #3B3387
triadic
#335587 #873355 #558733
tetradic
#335587 #87337F #876533 #33873B
square
#335587 #87337F #876533 #33873B
split-complementary
#335587 #873B33 #7F8733
monochromatic
#111D2E #22395B #335587 #4471B3 #6D92C8

Accessibility & contrast

On white

7.53
#335587 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.79
#335587 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #335587
7.53:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##335587#FFFFFF#000000##FFFFFF
##3355871.007.532.797.53
#FFFFFF7.531.0021.001.00
#0000002.7921.001.0021.00
##FFFFFF7.531.0021.001.00

Color blindness preview

Protanopia (red-blind)
#405989
Deuteranopia (green-blind)
#355186
Tritanopia (blue-blind)
#006067
Achromatopsia (no color)
#545454

Design tokens & code

CSS
--color: #335587;
/* rgb */ color: rgb(51, 85, 135);
/* oklch */ color: oklch(44.8% 0.092 257.9);
Tailwind
colors: {
  custom: {
    50: '#7384aa',
    500: '#335587',
    950: '#000000',
  },
}
SCSS
$custom: #335587;
$custom-light: #7384aa;
$custom-dark: #000000;
JSON
{
  "hex": "#335587",
  "rgb": {
    "r": 51,
    "g": 85,
    "b": 135
  },
  "hsl": {
    "h": 215.714,
    "s": 45.161,
    "l": 36.471
  },
  "oklch": {
    "l": 0.44834,
    "c": 0.09166,
    "h": 257.9
  },
  "luminance": 0.0895
}

Semantic roles & 50–950 ramp

primary
#335587
secondary
#B09266
accent
#A053D5
background
#F7F8FA
surface
#EDEFF4
border
#C8CACE
text
#080A10
muted
#7B7C7F

Preview Lab

Preview with #335587

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

Preview Lab → · Contrast checker → · Palette generator →

#335587 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva