#AD2045#AD2045

#AD2045 is a mid, vivid pink. Relative luminance 0.103; OKLCH L 49.2% C 0.175 H 12.4°. Best body text is #FFFFFF at 6.84:1 contrast (WCAG AA passes).

Color values

HEX#AD2045
RGBrgb(173, 32, 69)
HSLhsl(344, 69%, 40%)
HSVhsv(344, 82%, 68%)
CMYKcmyk(0%, 81.5%, 60.1%, 32.2%)
CIE-LABlab(38.46, 56.70, 15.20)
CIE-LCHlch(38.46, 58.71, 15.00°)
OKLaboklab(49.19% 0.1711 0.0375)
OKLCHoklch(49.19% 0.175 12.4)
XYZxyz(18.8262, 10.3498, 6.6355)
Luminance0.1035 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#AD2045 #20AD88
analogous
#AD208C #AD2045 #AD4120
triadic
#AD2045 #45AD20 #2045AD
tetradic
#AD2045 #8CAD20 #20AD88 #4120AD
square
#AD2045 #8CAD20 #20AD88 #4120AD
split-complementary
#AD2045 #20AD41 #208CAD
monochromatic
#460D1C #791630 #AD2045 #D9315D #E26586

Accessibility & contrast

On white

6.84
#AD2045 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.07
#AD2045 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #AD2045
6.84:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##AD2045#FFFFFF#000000##FFFFFF
##AD20451.006.843.076.84
#FFFFFF6.841.0021.001.00
#0000003.0721.001.0021.00
##FFFFFF6.841.0021.001.00

Color blindness preview

Protanopia (red-blind)
#494845
Deuteranopia (green-blind)
#6D6541
Tritanopia (blue-blind)
#BE0030
Achromatopsia (no color)
#5B5B5B

Design tokens & code

CSS
--color: #ad2045;
/* rgb */ color: rgb(173, 32, 69);
/* oklch */ color: oklch(49.2% 0.175 12.4);
Tailwind
colors: {
  custom: {
    50: '#cd6b78',
    500: '#ad2045',
    950: '#000000',
  },
}
SCSS
$custom: #ad2045;
$custom-light: #cd6b78;
$custom-dark: #000000;
JSON
{
  "hex": "#ad2045",
  "rgb": {
    "r": 173,
    "g": 32,
    "b": 69
  },
  "hsl": {
    "h": 344.255,
    "s": 68.78,
    "l": 40.196
  },
  "oklch": {
    "l": 0.49189,
    "c": 0.17519,
    "h": 12.4
  },
  "luminance": 0.10347
}

Semantic roles & 50–950 ramp

primary
#AD2045
secondary
#61C8AD
accent
#ECBE3C
background
#FDF6F7
surface
#FBECED
border
#D4C7C8
text
#150808
muted
#837A7B

Preview Lab

Preview with #AD2045

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

Preview Lab → · Contrast checker → · Palette generator →

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