#C438A3#C438A3

#C438A3 is a mid, highly saturated pink. Relative luminance 0.172; OKLCH L 58.4% C 0.208 H 339.0°. Best body text is #FFFFFF at 4.73:1 contrast (WCAG AA passes).

Color values

HEX#C438A3
RGBrgb(196, 56, 163)
HSLhsl(314, 56%, 49%)
HSVhsv(314, 71%, 77%)
CMYKcmyk(0%, 71.4%, 16.8%, 23.1%)
CIE-LABlab(48.53, 65.27, -27.48)
CIE-LCHlch(48.53, 70.82, 337.16°)
OKLaboklab(58.37% 0.1937 -0.0744)
OKLCHoklch(58.37% 0.208 339)
XYZxyz(30.7907, 17.2114, 36.3437)
Luminance0.1721 (WCAG relative)
Temperatureneutral
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#C438A3 #38C459
analogous
#9F38C4 #C438A3 #C4385D
triadic
#C438A3 #A3C438 #38A3C4
tetradic
#C438A3 #C49F38 #38C459 #385DC4
square
#C438A3 #C49F38 #38C459 #385DC4
split-complementary
#C438A3 #5DC438 #38C49F
monochromatic
#651D54 #942A7B #C438A3 #D366B9 #E196CF

Accessibility & contrast

On white

4.73
#C438A3 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.44
#C438A3 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #C438A3
4.73:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##C438A3#FFFFFF#000000##FFFFFF
##C438A31.004.734.444.73
#FFFFFF4.731.0021.001.00
#0000004.4421.001.0021.00
##FFFFFF4.731.0021.001.00

Color blindness preview

Protanopia (red-blind)
#4065A6
Deuteranopia (green-blind)
#6D7BA0
Tritanopia (blue-blind)
#CF3E69
Achromatopsia (no color)
#737373

Design tokens & code

CSS
--color: #c438a3;
/* rgb */ color: rgb(196, 56, 163);
/* oklch */ color: oklch(58.4% 0.208 339.0);
Tailwind
colors: {
  custom: {
    50: '#da7bbe',
    500: '#c438a3',
    950: '#000000',
  },
}
SCSS
$custom: #c438a3;
$custom-light: #da7bbe;
$custom-dark: #000000;
JSON
{
  "hex": "#c438a3",
  "rgb": {
    "r": 196,
    "g": 56,
    "b": 163
  },
  "hsl": {
    "h": 314.143,
    "s": 55.556,
    "l": 49.412
  },
  "oklch": {
    "l": 0.58368,
    "c": 0.20751,
    "h": 339
  },
  "luminance": 0.17208
}

Semantic roles & 50–950 ramp

primary
#C438A3
secondary
#8CCC9B
accent
#DF6C49
background
#FDF8FB
surface
#FBEFF7
border
#D4CAD0
text
#150A12
muted
#837C81

Preview Lab

Preview with #C438A3

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

Preview Lab → · Contrast checker → · Palette generator →

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