#356DAB#356DAB

#356DAB is a mid, moderate cyan. Relative luminance 0.146; OKLCH L 52.7% C 0.115 H 252.8°. Best body text is #FFFFFF at 5.35:1 contrast (WCAG AA passes).

Color values

HEX#356DAB
RGBrgb(53, 109, 171)
HSLhsl(212, 53%, 44%)
HSVhsv(212, 69%, 67%)
CMYKcmyk(69%, 36.3%, 0%, 32.9%)
CIE-LABlab(45.13, 2.36, -38.55)
CIE-LCHlch(45.13, 38.62, 273.50°)
OKLaboklab(52.7% -0.0338 -0.1095)
OKLCHoklch(52.7% 0.115 252.8)
XYZxyz(14.2848, 14.6329, 40.5918)
Luminance0.1463 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#356DAB #AB7335
analogous
#35A8AB #356DAB #3835AB
triadic
#356DAB #AB356D #6DAB35
tetradic
#356DAB #AB35A8 #AB7335 #35AB38
square
#356DAB #AB35A8 #AB7335 #35AB38
split-complementary
#356DAB #AB3835 #A8AB35
monochromatic
#18314E #274F7C #356DAB #538CCA #82ABD8

Accessibility & contrast

On white

5.35
#356DAB on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.93
#356DAB on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #356DAB
5.35:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##356DAB#FFFFFF#000000##FFFFFF
##356DAB1.005.353.935.35
#FFFFFF5.351.0021.001.00
#0000003.9321.001.0021.00
##FFFFFF5.351.0021.001.00

Color blindness preview

Protanopia (red-blind)
#5171AE
Deuteranopia (green-blind)
#4066AA
Tritanopia (blue-blind)
#007B84
Achromatopsia (no color)
#6B6B6B

Design tokens & code

CSS
--color: #356dab;
/* rgb */ color: rgb(53, 109, 171);
/* oklch */ color: oklch(52.7% 0.115 252.8);
Tailwind
colors: {
  custom: {
    50: '#7a96c4',
    500: '#356dab',
    950: '#000000',
  },
}
SCSS
$custom: #356dab;
$custom-light: #7a96c4;
$custom-dark: #000000;
JSON
{
  "hex": "#356dab",
  "rgb": {
    "r": 53,
    "g": 109,
    "b": 171
  },
  "hsl": {
    "h": 211.525,
    "s": 52.679,
    "l": 43.922
  },
  "oklch": {
    "l": 0.52704,
    "c": 0.11462,
    "h": 252.8
  },
  "luminance": 0.14634
}

Semantic roles & 50–950 ramp

primary
#356DAB
secondary
#C2A07A
accent
#984CDC
background
#F7F9FC
surface
#EEF1F8
border
#C9CBD1
text
#0A0D13
muted
#7C7E82

Preview Lab

Preview with #356DAB

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

Preview Lab → · Contrast checker → · Palette generator →

#356DAB Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva