#326E8D#326E8D

#326E8D is a mid, moderate cyan. Relative luminance 0.138; OKLCH L 51.2% C 0.079 H 233.8°. Best body text is #FFFFFF at 5.60:1 contrast (WCAG AA passes).

Color values

HEX	#326E8D
RGB	rgb(50, 110, 141)
HSL	hsl(200, 48%, 37%)
HSV	hsv(200, 65%, 55%)
CMYK	cmyk(64.5%, 22%, 0%, 44.7%)
CIE-LAB	lab(43.88, -9.38, -22.78)
CIE-LCH	lch(43.88, 24.63, 247.62°)
OKLab	oklab(51.21% -0.0467 -0.0638)
OKLCH	oklch(51.21% 0.079 233.8)
XYZ	xyz(11.6972, 13.7519, 27.2321)
Luminance	0.1375 (WCAG relative)
Temperature	cool
Family	cyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#326E8D #8D5132

analogous

#328D7F #326E8D #32408D

triadic

#326E8D #8D326E #6E8D32

tetradic

#326E8D #7F328D #8D5132 #408D32

square

#326E8D #7F328D #8D5132 #408D32

split-complementary

#326E8D #8D3240 #8D7F32

monochromatic

#122833 #224B60 #326E8D #4291BA #6EACCC

Accessibility & contrast

On white

5.60

#326E8D on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.75

#326E8D on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #326E8D

5.60:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##326E8D	#FFFFFF	#000000	##FFFFFF
##326E8D	1.00	5.60	3.75	5.60
#FFFFFF	5.60	1.00	21.00	1.00
#000000	3.75	21.00	1.00	21.00
##FFFFFF	5.60	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#5F6D8E

Deuteranopia (green-blind)

#52648D

Tritanopia (blue-blind)

#007678

Achromatopsia (no color)

#686868

Design tokens & code

CSS

--color: #326e8d;
/* rgb */ color: rgb(50, 110, 141);
/* oklch */ color: oklch(51.2% 0.079 233.8);

Tailwind

colors: {
  custom: {
    50: '#7497ae',
    500: '#326e8d',
    950: '#000000',
  },
}

SCSS

$custom: #326e8d;
$custom-light: #7497ae;
$custom-dark: #000000;

JSON

{
  "hex": "#326e8d",
  "rgb": {
    "r": 50,
    "g": 110,
    "b": 141
  },
  "hsl": {
    "h": 200.44,
    "s": 47.644,
    "l": 37.451
  },
  "oklch": {
    "l": 0.5121,
    "c": 0.07904,
    "h": 233.8
  },
  "luminance": 0.13753
}

Semantic roles & 50–950 ramp

primary

#326E8D

secondary

#B38168

accent

#7E51D7

background

#F7F9FA

surface

#EDF2F4

border

#C8CCCE

text

#090D10

muted

#7B7E7F

Preview Lab

Preview with #326E8D

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

Preview Lab → · Contrast checker → · Palette generator →