#CA3463#CA3463

#CA3463 is a mid, vivid pink. Relative luminance 0.159; OKLCH L 56.6% C 0.188 H 7.0°. Best body text is #FFFFFF at 5.02:1 contrast (WCAG AA passes).

Color values

HEX#CA3463
RGBrgb(202, 52, 99)
HSLhsl(341, 59%, 50%)
HSVhsv(341, 74%, 79%)
CMYKcmyk(0%, 74.3%, 51%, 20.8%)
CIE-LABlab(46.87, 61.08, 8.89)
CIE-LCHlch(46.87, 61.73, 8.28°)
OKLaboklab(56.62% 0.1862 0.023)
OKLCHoklch(56.62% 0.188 7)
XYZxyz(27.8397, 15.9172, 13.4083)
Luminance0.1591 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CA3463 #34CA9B
analogous
#CA34AE #CA3463 #CA5034
triadic
#CA3463 #63CA34 #3463CA
tetradic
#CA3463 #AECA34 #34CA9B #5034CA
square
#CA3463 #AECA34 #34CA9B #5034CA
split-complementary
#CA3463 #34CA50 #34AECA
monochromatic
#691B33 #99274B #CA3463 #D76488 #E495AD

Accessibility & contrast

On white

5.02
#CA3463 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.18
#CA3463 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #CA3463
5.02:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CA3463#FFFFFF#000000##FFFFFF
##CA34631.005.024.185.02
#FFFFFF5.021.0021.001.00
#0000004.1821.001.0021.00
##FFFFFF5.021.0021.001.00

Color blindness preview

Protanopia (red-blind)
#595C64
Deuteranopia (green-blind)
#817A5F
Tritanopia (blue-blind)
#DC0D48
Achromatopsia (no color)
#6F6F6F

Design tokens & code

CSS
--color: #ca3463;
/* rgb */ color: rgb(202, 52, 99);
/* oklch */ color: oklch(56.6% 0.188 7.0);
Tailwind
colors: {
  custom: {
    50: '#e0788f',
    500: '#ca3463',
    950: '#000000',
  },
}
SCSS
$custom: #ca3463;
$custom-light: #e0788f;
$custom-dark: #000000;
JSON
{
  "hex": "#ca3463",
  "rgb": {
    "r": 202,
    "g": 52,
    "b": 99
  },
  "hsl": {
    "h": 341.2,
    "s": 59.055,
    "l": 49.804
  },
  "oklch": {
    "l": 0.56619,
    "c": 0.18766,
    "h": 7
  },
  "luminance": 0.15913
}

Semantic roles & 50–950 ramp

primary
#CA3463
secondary
#8BCFBA
accent
#E2B146
background
#FEF7F8
surface
#FDEEF0
border
#D5C9CB
text
#160A0C
muted
#847C7D

Preview Lab

Preview with #CA3463

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

Preview Lab → · Contrast checker → · Palette generator →

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