#C958A2#C958A2

#C958A2 is a light, vivid pink. Relative luminance 0.220; OKLCH L 62.5% C 0.167 H 342.9°. Best body text is #000000 at 5.40:1 contrast (WCAG AA passes).

Color values

HEX#C958A2
RGBrgb(201, 88, 162)
HSLhsl(321, 51%, 57%)
HSVhsv(321, 56%, 79%)
CMYKcmyk(0%, 56.2%, 19.4%, 21.2%)
CIE-LABlab(54.04, 53.40, -18.34)
CIE-LCHlch(54.04, 56.47, 341.04°)
OKLaboklab(62.55% 0.1592 -0.0489)
OKLCHoklch(62.55% 0.167 342.9)
XYZxyz(34.0995, 22.0085, 36.6275)
Luminance0.2201 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#C958A2 #58C97F
analogous
#B858C9 #C958A2 #C9586A
triadic
#C958A2 #A2C958 #58A2C9
tetradic
#C958A2 #C9B858 #58C97F #586AC9
square
#C958A2 #C9B858 #58C97F #586AC9
split-complementary
#C958A2 #6AC958 #58C9B8
monochromatic
#7E2960 #AC3884 #C958A2 #D886BC #E7B4D6

Accessibility & contrast

On white

3.89
#C958A2 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.40
#C958A2 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #C958A2
5.40:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##C958A2#FFFFFF#000000##000000
##C958A21.003.895.405.40
#FFFFFF3.891.0021.0021.00
#0000005.4021.001.001.00
##0000005.4021.001.001.00

Color blindness preview

Protanopia (red-blind)
#6075A4
Deuteranopia (green-blind)
#80889F
Tritanopia (blue-blind)
#D45876
Achromatopsia (no color)
#818181

Design tokens & code

CSS
--color: #c958a2;
/* rgb */ color: rgb(201, 88, 162);
/* oklch */ color: oklch(62.5% 0.167 342.9);
Tailwind
colors: {
  custom: {
    50: '#dc8cbd',
    500: '#c958a2',
    950: '#000000',
  },
}
SCSS
$custom: #c958a2;
$custom-light: #dc8cbd;
$custom-dark: #000000;
JSON
{
  "hex": "#c958a2",
  "rgb": {
    "r": 201,
    "g": 88,
    "b": 162
  },
  "hsl": {
    "h": 320.708,
    "s": 51.131,
    "l": 56.667
  },
  "oklch": {
    "l": 0.62548,
    "c": 0.16651,
    "h": 342.9
  },
  "luminance": 0.22006
}

Semantic roles & 50–950 ramp

primary
#C958A2
secondary
#A7D6B7
accent
#DB7E4D
background
#FDF8FB
surface
#FBF0F6
border
#D4CBD0
text
#150C12
muted
#837D81

Preview Lab

Preview with #C958A2

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

Preview Lab → · Contrast checker → · Palette generator →

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