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

#4B2C5B

purple4% BrightnessWarm

Color Values

HEX
#4B2C5B
RGB
rgb(75, 44, 91)
HSL
hsl(280°, 35%, 26%)
CMYK
cmyk(18%, 52%, 0%, 64%)

Color Harmonies

Complementary

4B2C5B

3C5B2C

Triadic

4B2C5B

5B4B2C

2C5B4B

Analogous

342C5B

4B2C5B

5B2C53

Monochromatic

000000

4B2C5B

9C69B7

Similar Colors

120B16

572C5B

3F2C5B

844DA0

5B2C53

342C5B

CSS Snippets

CSS Variables
--color-base: #4B2C5B;
--color-light: #874FA3;
--color-dark: #100913;
CSS Class
.element {
  color: #4B2C5B;
  background: #B38CC7;
  border-color: #844DA0;
}

Contrast Analysis

Sample Text — 11.60:1

The quick brown fox jumps over the lazy dog

On Black1.81:1
On White11.60:1

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

Properties

Brightness4%
Saturation35%
Hue280°
Temp
Warm
LRV
4%

Tints

Shades

Use Cases

Primary Button
Light Background
Accent Border
Dark Variant

Description

A dynamically generated purple color with 4% brightness, 35% saturation, and 26% lightness.