#327EC0#327EC0

#327EC0 is a mid, vivid cyan. Relative luminance 0.194; OKLCH L 57.8% C 0.126 H 248.3°. Best body text is #000000 at 4.88:1 contrast (WCAG AA passes).

Color values

HEX#327EC0
RGBrgb(50, 126, 192)
HSLhsl(208, 59%, 47%)
HSVhsv(208, 74%, 75%)
CMYKcmyk(74%, 34.4%, 0%, 24.7%)
CIE-LABlab(51.16, -0.81, -41.18)
CIE-LCHlch(51.16, 41.19, 268.87°)
OKLaboklab(57.76% -0.0466 -0.117)
OKLCHoklch(57.76% 0.126 248.3)
XYZxyz(18.2871, 19.4035, 52.6404)
Luminance0.1941 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#327EC0 #C07432
analogous
#32C0BB #327EC0 #3237C0
triadic
#327EC0 #C0327E #7EC032
tetradic
#327EC0 #BB32C0 #C07432 #37C032
square
#327EC0 #BB32C0 #C07432 #37C032
split-complementary
#327EC0 #C03237 #C0BB32
monochromatic
#193E5F #255E8F #327EC0 #5B9CD4 #8BB9E1

Accessibility & contrast

On white

4.30
#327EC0 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.88
#327EC0 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #327EC0
4.88:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##327EC0#FFFFFF#000000##000000
##327EC01.004.304.884.88
#FFFFFF4.301.0021.0021.00
#0000004.8821.001.001.00
##0000004.8821.001.001.00

Color blindness preview

Protanopia (red-blind)
#6081C3
Deuteranopia (green-blind)
#4B74BF
Tritanopia (blue-blind)
#008E96
Achromatopsia (no color)
#7A7A7A

Design tokens & code

CSS
--color: #327ec0;
/* rgb */ color: rgb(50, 126, 192);
/* oklch */ color: oklch(57.8% 0.126 248.3);
Tailwind
colors: {
  custom: {
    50: '#7ca3d3',
    500: '#327ec0',
    950: '#000000',
  },
}
SCSS
$custom: #327ec0;
$custom-light: #7ca3d3;
$custom-dark: #000000;
JSON
{
  "hex": "#327ec0",
  "rgb": {
    "r": 50,
    "g": 126,
    "b": 192
  },
  "hsl": {
    "h": 207.887,
    "s": 58.678,
    "l": 47.451
  },
  "oklch": {
    "l": 0.57761,
    "c": 0.12596,
    "h": 248.3
  },
  "luminance": 0.19406
}

Semantic roles & 50–950 ramp

primary
#327EC0
secondary
#CBA483
accent
#8E46E2
background
#F8F9FD
surface
#EFF2FA
border
#CACCD3
text
#0B0F14
muted
#7C7E83

Preview Lab

Preview with #327EC0

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

Preview Lab → · Contrast checker → · Palette generator →

#327EC0 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva