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

#6D2668

pink6% BrightnessWarm

Color Values

HEX
#6D2668
RGB
rgb(109, 38, 104)
HSL
hsl(304°, 48%, 29%)
CMYK
cmyk(0%, 65%, 5%, 57%)

Color Harmonies

Complementary

6D2668

266D2B

Triadic

6D2668

686D26

26686D

Analogous

4E266D

6D2668

6D2644

Monochromatic

000000

6D2668

C963C2

Similar Colors

210C20

6D2656

60266D

B940B0

6D2644

4E266D

CSS Snippets

CSS Variables
--color-base: #6D2668;
--color-light: #BC42B4;
--color-dark: #1E0A1C;
CSS Class
.element {
  color: #6D2668;
  background: #D689D0;
  border-color: #B940B0;
}

Contrast Analysis

Sample Text — 9.87:1

The quick brown fox jumps over the lazy dog

On Black2.13:1
On White9.87:1

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

Properties

Brightness6%
Saturation48%
Hue304°
Temp
Warm
LRV
5%

Tints

Shades

Use Cases

Primary Button
Light Background
Accent Border
Dark Variant

Description

A dynamically generated pink color with 6% brightness, 48% saturation, and 29% lightness.