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

#B04152

pink14% BrightnessWarm

Color Values

HEX
#B04152
RGB
rgb(176, 65, 82)
HSL
hsl(351°, 46%, 47%)
CMYK
cmyk(0%, 63%, 53%, 31%)

Color Harmonies

Complementary

B04152

41B09F

Triadic

B04152

52B041

4152B0

Analogous

B04189

B04152

B06841

Monochromatic

40181E

B04152

E0AAB2

Similar Colors

66252F

B04C41

B0416E

D28591

B06841

B04189

CSS Snippets

CSS Variables
--color-base: #B04152;
--color-light: #D38994;
--color-dark: #62242E;
CSS Class
.element {
  color: #B04152;
  background: #EDD0D4;
  border-color: #D28591;
}

Contrast Analysis

Sample Text — 5.64:1

The quick brown fox jumps over the lazy dog

On Black3.72:1
On White5.64:1

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

Properties

Brightness14%
Saturation46%
Hue351°
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, 46% saturation, and 47% lightness.