#C72C41 color preview — HEX, RGB and HSL values on Dopely

#C72C41

pink14% BrightnessWarm

Color Values

HEX
#C72C41
RGB
rgb(199, 44, 65)
HSL
hsl(352°, 64%, 48%)
CMYK
cmyk(0%, 78%, 67%, 22%)

Color Harmonies

Complementary

C72C41

2CC7B2

Triadic

C72C41

41C72C

2C41C7

Analogous

C72C8E

C72C41

C7652C

Monochromatic

4A1018

C72C41

EAA2AB

Similar Colors

731A26

C73E2C

C72C68

E17886

C7652C

C72C8E

CSS Snippets

CSS Variables
--color-base: #C72C41;
--color-light: #E27C8A;
--color-dark: #6F1924;
CSS Class
.element {
  color: #C72C41;
  background: #F4CBD1;
  border-color: #E17886;
}

Contrast Analysis

Sample Text — 5.43:1

The quick brown fox jumps over the lazy dog

On Black3.87:1
On White5.43:1

WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1

Properties

Brightness14%
Saturation64%
Hue352°
Temp
Warm
LRV
14%

Tints

Shades

Use Cases

Primary Button
Light Background
Accent Border
Dark Variant

Description

A dynamically generated pink color with 14% brightness, 64% saturation, and 48% lightness.