#C62B87#C62B87

#C62B87 is a mid, highly saturated pink. Relative luminance 0.155; OKLCH L 56.4% C 0.206 H 349.7°. Best body text is #FFFFFF at 5.13:1 contrast (WCAG AA passes).

Color values

HEX#C62B87
RGBrgb(198, 43, 135)
HSLhsl(324, 64%, 47%)
HSVhsv(324, 78%, 78%)
CMYKcmyk(0%, 78.3%, 31.8%, 22.4%)
CIE-LABlab(46.29, 66.26, -14.09)
CIE-LCHlch(46.29, 67.74, 348.00°)
OKLaboklab(56.43% 0.2028 -0.0368)
OKLCHoklch(56.43% 0.206 349.7)
XYZxyz(28.5274, 15.4862, 24.4038)
Luminance0.1548 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#C62B87 #2BC66A
analogous
#B72BC6 #C62B87 #C62B3A
triadic
#C62B87 #87C62B #2B87C6
tetradic
#C62B87 #C6B72B #2BC66A #2B3AC6
square
#C62B87 #C6B72B #2BC66A #2B3AC6
split-complementary
#C62B87 #3AC62B #2BC6B7
monochromatic
#611542 #942065 #C62B87 #DA54A4 #E587BF

Accessibility & contrast

On white

5.13
#C62B87 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.10
#C62B87 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #C62B87
5.13:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##C62B87#FFFFFF#000000##FFFFFF
##C62B871.005.134.105.13
#FFFFFF5.131.0021.001.00
#0000004.1021.001.0021.00
##FFFFFF5.131.0021.001.00

Color blindness preview

Protanopia (red-blind)
#465C89
Deuteranopia (green-blind)
#737784
Tritanopia (blue-blind)
#D51F56
Achromatopsia (no color)
#6E6E6E

Design tokens & code

CSS
--color: #c62b87;
/* rgb */ color: rgb(198, 43, 135);
/* oklch */ color: oklch(56.4% 0.206 349.7);
Tailwind
colors: {
  custom: {
    50: '#dc75aa',
    500: '#c62b87',
    950: '#000000',
  },
}
SCSS
$custom: #c62b87;
$custom-light: #dc75aa;
$custom-dark: #000000;
JSON
{
  "hex": "#c62b87",
  "rgb": {
    "r": 198,
    "g": 43,
    "b": 135
  },
  "hsl": {
    "h": 324.387,
    "s": 64.315,
    "l": 47.255
  },
  "oklch": {
    "l": 0.56434,
    "c": 0.20613,
    "h": 349.7
  },
  "luminance": 0.15483
}

Semantic roles & 50–950 ramp

primary
#C62B87
secondary
#7FCE9F
accent
#E78440
background
#FEF7FA
surface
#FCEEF4
border
#D5C9CE
text
#160910
muted
#847B7F

Preview Lab

Preview with #C62B87

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

Preview Lab → · Contrast checker → · Palette generator →

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