#326597#326597

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

Color values

HEX#326597
RGBrgb(50, 101, 151)
HSLhsl(210, 50%, 39%)
HSVhsv(210, 67%, 59%)
CMYKcmyk(66.9%, 33.1%, 0%, 40.8%)
CIE-LABlab(41.56, -0.43, -32.36)
CIE-LCHlch(41.56, 32.36, 269.23°)
OKLaboklab(49.54% -0.0333 -0.0916)
OKLCHoklch(49.54% 0.097 250)
XYZxyz(11.5529, 12.2187, 31.0217)
Luminance0.1222 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#326597 #976432
analogous
#329797 #326597 #323397
triadic
#326597 #973265 #659732
tetradic
#326597 #973297 #976432 #339732
square
#326597 #973297 #976432 #339732
split-complementary
#326597 #973233 #979732
monochromatic
#14273B #234669 #326597 #4584C1 #73A2D1

Accessibility & contrast

On white

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

On black

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

Best text color

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

Contrast matrix

fg \ bg##326597#FFFFFF#000000##FFFFFF
##3265971.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)
#4F6799
Deuteranopia (green-blind)
#415E96
Tritanopia (blue-blind)
#007177
Achromatopsia (no color)
#626262

Design tokens & code

CSS
--color: #326597;
/* rgb */ color: rgb(50, 101, 151);
/* oklch */ color: oklch(49.5% 0.097 250.0);
Tailwind
colors: {
  custom: {
    50: '#7590b6',
    500: '#326597',
    950: '#000000',
  },
}
SCSS
$custom: #326597;
$custom-light: #7590b6;
$custom-dark: #000000;
JSON
{
  "hex": "#326597",
  "rgb": {
    "r": 50,
    "g": 101,
    "b": 151
  },
  "hsl": {
    "h": 209.703,
    "s": 50.249,
    "l": 39.412
  },
  "oklch": {
    "l": 0.49536,
    "c": 0.09744,
    "h": 250
  },
  "luminance": 0.1222
}

Semantic roles & 50–950 ramp

primary
#326597
secondary
#B9926C
accent
#934EDA
background
#F7F8FB
surface
#EDF0F6
border
#C8CBD0
text
#090C11
muted
#7B7D80

Preview Lab

Preview with #326597

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

Preview Lab → · Contrast checker → · Palette generator →

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