#336690#336690

#336690 is a mid, moderate cyan. Relative luminance 0.122; OKLCH L 49.4% C 0.087 H 245.7°. Best body text is #FFFFFF at 6.10:1 contrast (WCAG AA passes).

Color values

HEX#336690
RGBrgb(51, 102, 144)
HSLhsl(207, 48%, 38%)
HSVhsv(207, 65%, 56%)
CMYKcmyk(64.6%, 29.2%, 0%, 43.5%)
CIE-LABlab(41.56, -3.36, -28.17)
CIE-LCHlch(41.56, 28.37, 263.20°)
OKLaboklab(49.43% -0.0358 -0.0794)
OKLCHoklch(49.43% 0.087 245.7)
XYZxyz(11.1488, 12.2191, 28.1511)
Luminance0.1222 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#336690 #905D33
analogous
#33908B #336690 #333790
triadic
#336690 #903366 #669033
tetradic
#336690 #8B3390 #905D33 #379033
square
#336690 #8B3390 #905D33 #379033
split-complementary
#336690 #903337 #908B33
monochromatic
#132636 #234663 #336690 #4486BD #71A3CD

Accessibility & contrast

On white

6.10
#336690 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.44
#336690 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #336690
6.10:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##336690#FFFFFF#000000##FFFFFF
##3366901.006.103.446.10
#FFFFFF6.101.0021.001.00
#0000003.4421.001.0021.00
##FFFFFF6.101.0021.001.00

Color blindness preview

Protanopia (red-blind)
#546792
Deuteranopia (green-blind)
#475E8F
Tritanopia (blue-blind)
#007075
Achromatopsia (no color)
#626262

Design tokens & code

CSS
--color: #336690;
/* rgb */ color: rgb(51, 102, 144);
/* oklch */ color: oklch(49.4% 0.087 245.7);
Tailwind
colors: {
  custom: {
    50: '#7491b0',
    500: '#336690',
    950: '#000000',
  },
}
SCSS
$custom: #336690;
$custom-light: #7491b0;
$custom-dark: #000000;
JSON
{
  "hex": "#336690",
  "rgb": {
    "r": 51,
    "g": 102,
    "b": 144
  },
  "hsl": {
    "h": 207.097,
    "s": 47.692,
    "l": 38.235
  },
  "oklch": {
    "l": 0.49434,
    "c": 0.08708,
    "h": 245.7
  },
  "luminance": 0.1222
}

Semantic roles & 50–950 ramp

primary
#336690
secondary
#B58C6A
accent
#8D51D7
background
#F7F8FA
surface
#EDF0F5
border
#C8CBCF
text
#090C10
muted
#7B7D7F

Preview Lab

Preview with #336690

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

Preview Lab → · Contrast checker → · Palette generator →

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