#335776#335776

#335776 is a dark, moderate cyan. Relative luminance 0.088; OKLCH L 44.4% C 0.066 H 246.0°. Best body text is #FFFFFF at 7.59:1 contrast (WCAG AA passes).

Color values

HEX	#335776
RGB	rgb(51, 87, 118)
HSL	hsl(208, 40%, 33%)
HSV	hsv(208, 57%, 46%)
CMYK	cmyk(56.8%, 26.3%, 0%, 53.7%)
CIE-LAB	lab(35.65, -3.12, -21.55)
CIE-LCH	lch(35.65, 21.78, 261.76°)
OKLab	oklab(44.37% -0.0269 -0.0604)
OKLCH	oklch(44.37% 0.066 246)
XYZ	xyz(8.0423, 8.8275, 18.4161)
Luminance	0.0883 (WCAG relative)
Temperature	cool
Family	cyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#335776 #765233

analogous

#337673 #335776 #333576

triadic

#335776 #763357 #577633

tetradic

#335776 #733376 #765233 #357633

square

#335776 #733376 #765233 #357633

split-complementary

#335776 #763335 #767333

monochromatic

#0E1821 #21374B #335776 #4577A1 #6695BD

Accessibility & contrast

On white

7.59

#335776 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.77

#335776 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #335776

7.59:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##335776	#FFFFFF	#000000	##FFFFFF
##335776	1.00	7.59	2.77	7.59
#FFFFFF	7.59	1.00	21.00	1.00
#000000	2.77	21.00	1.00	21.00
##FFFFFF	7.59	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#4A5877

Deuteranopia (green-blind)

#415175

Tritanopia (blue-blind)

#065E62

Achromatopsia (no color)

#545454

Design tokens & code

CSS

--color: #335776;
/* rgb */ color: rgb(51, 87, 118);
/* oklch */ color: oklch(44.4% 0.066 246.0);

Tailwind

colors: {
  custom: {
    50: '#70869d',
    500: '#335776',
    950: '#000000',
  },
}

SCSS

$custom: #335776;
$custom-light: #70869d;
$custom-dark: #000000;

JSON

{
  "hex": "#335776",
  "rgb": {
    "r": 51,
    "g": 87,
    "b": 118
  },
  "hsl": {
    "h": 207.761,
    "s": 39.645,
    "l": 33.137
  },
  "oklch": {
    "l": 0.44367,
    "c": 0.06608,
    "h": 246
  },
  "luminance": 0.08828
}

Semantic roles & 50–950 ramp

primary

#335776

secondary

#A58060

accent

#8F58D0

background

#F7F8F9

surface

#EDEFF2

border

#C8CACC

text

#080B0E

muted

#7B7C7E

Preview Lab

Preview with #335776

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

Preview Lab → · Contrast checker → · Palette generator →