#C23B94#C23B94

#C23B94 is a mid, vivid pink. Relative luminance 0.167; OKLCH L 57.7% C 0.193 H 344.4°. Best body text is #FFFFFF at 4.83:1 contrast (WCAG AA passes).

Color values

HEX#C23B94
RGBrgb(194, 59, 148)
HSLhsl(320, 53%, 50%)
HSVhsv(320, 70%, 76%)
CMYKcmyk(0%, 69.6%, 23.7%, 23.9%)
CIE-LABlab(47.93, 61.66, -19.49)
CIE-LCHlch(47.93, 64.67, 342.46°)
OKLaboklab(57.66% 0.186 -0.0519)
OKLCHoklch(57.66% 0.193 344.4)
XYZxyz(29.1585, 16.7384, 29.7065)
Luminance0.1673 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#C23B94 #3BC269
analogous
#AC3BC2 #C23B94 #C23B51
triadic
#C23B94 #94C23B #3B94C2
tetradic
#C23B94 #C2AC3B #3BC269 #3B51C2
square
#C23B94 #C2AC3B #3BC269 #3B51C2
split-complementary
#C23B94 #51C23B #3BC2AC
monochromatic
#641E4C #932D70 #C23B94 #D169AE #E098C7

Accessibility & contrast

On white

4.83
#C23B94 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.35
#C23B94 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #C23B94
4.83:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##C23B94#FFFFFF#000000##FFFFFF
##C23B941.004.834.354.83
#FFFFFF4.831.0021.001.00
#0000004.3521.001.0021.00
##FFFFFF4.831.0021.001.00

Color blindness preview

Protanopia (red-blind)
#496397
Deuteranopia (green-blind)
#727A91
Tritanopia (blue-blind)
#CF3A62
Achromatopsia (no color)
#727272

Design tokens & code

CSS
--color: #c23b94;
/* rgb */ color: rgb(194, 59, 148);
/* oklch */ color: oklch(57.7% 0.193 344.4);
Tailwind
colors: {
  custom: {
    50: '#d87cb3',
    500: '#c23b94',
    950: '#000000',
  },
}
SCSS
$custom: #c23b94;
$custom-light: #d87cb3;
$custom-dark: #000000;
JSON
{
  "hex": "#c23b94",
  "rgb": {
    "r": 194,
    "g": 59,
    "b": 148
  },
  "hsl": {
    "h": 320.444,
    "s": 53.36,
    "l": 49.608
  },
  "oklch": {
    "l": 0.57661,
    "c": 0.19312,
    "h": 344.4
  },
  "luminance": 0.16735
}

Semantic roles & 50–950 ramp

primary
#C23B94
secondary
#8ECBA3
accent
#DD7D4B
background
#FDF8FB
surface
#FBEFF6
border
#D4CAD0
text
#150A11
muted
#837C80

Preview Lab

Preview with #C23B94

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

Preview Lab → · Contrast checker → · Palette generator →

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