#328BAF#328BAF

#328BAF is a mid, moderate cyan. Relative luminance 0.222; OKLCH L 60.0% C 0.099 H 228.9°. Best body text is #000000 at 5.45:1 contrast (WCAG AA passes).

Color values

HEX#328BAF
RGBrgb(50, 139, 175)
HSLhsl(197, 56%, 44%)
HSVhsv(197, 71%, 69%)
CMYKcmyk(71.4%, 20.6%, 0%, 31.4%)
CIE-LABlab(54.28, -14.29, -26.56)
CIE-LCHlch(54.28, 30.16, 241.72°)
OKLaboklab(59.98% -0.065 -0.0745)
OKLCHoklch(59.98% 0.099 228.9)
XYZxyz(18.2828, 22.2364, 43.8776)
Luminance0.2224 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#328BAF #AF5632
analogous
#32AF95 #328BAF #324DAF
triadic
#328BAF #AF328B #8BAF32
tetradic
#328BAF #9532AF #AF5632 #4DAF32
square
#328BAF #9532AF #AF5632 #4DAF32
split-complementary
#328BAF #AF324D #AF9532
monochromatic
#173F50 #24657F #328BAF #51A9CD #81C1DB

Accessibility & contrast

On white

3.85
#328BAF on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.45
#328BAF on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #328BAF
5.45:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##328BAF#FFFFFF#000000##000000
##328BAF1.003.855.455.45
#FFFFFF3.851.0021.0021.00
#0000005.4521.001.001.00
##0000005.4521.001.001.00

Color blindness preview

Protanopia (red-blind)
#7889B1
Deuteranopia (green-blind)
#677CAF
Tritanopia (blue-blind)
#009597
Achromatopsia (no color)
#828282

Design tokens & code

CSS
--color: #328baf;
/* rgb */ color: rgb(50, 139, 175);
/* oklch */ color: oklch(60.0% 0.099 228.9);
Tailwind
colors: {
  custom: {
    50: '#7aadc7',
    500: '#328baf',
    950: '#000000',
  },
}
SCSS
$custom: #328baf;
$custom-light: #7aadc7;
$custom-dark: #000000;
JSON
{
  "hex": "#328baf",
  "rgb": {
    "r": 50,
    "g": 139,
    "b": 175
  },
  "hsl": {
    "h": 197.28,
    "s": 55.556,
    "l": 44.118
  },
  "oklch": {
    "l": 0.59978,
    "c": 0.09887,
    "h": 228.9
  },
  "luminance": 0.22238
}

Semantic roles & 50–950 ramp

primary
#328BAF
secondary
#C48E79
accent
#7449DF
background
#F8FAFC
surface
#EFF4F8
border
#CACED1
text
#0A1013
muted
#7C7F82

Preview Lab

Preview with #328BAF

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

Preview Lab → · Contrast checker → · Palette generator →

#328BAF Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva