Dark Purple

#341539
RGB
52, 21, 57
HSL
292°, 46%, 15%
CMYK
9, 63, 0, 78
HSV
292°, 63%, 22%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #341539 color: #341539;
RGB 52, 21, 57 color: rgb(52, 21, 57);
RGB Percentage 20%, 8%, 22% color: rgb(20%, 8%, 22%);
CMYK 9%, 63%, 0%, 78% Not supported in CSS
HSL 292°, 46%, 15% color: hsl(292, 46%, 15%);
HSV 292°, 63%, 22% Not supported in CSS
CIE-LAB 12, 6, -12 color: lab(12% 6 -12);
Decimal 3413305 Not supported in CSS

Color Variations

Shades

#331538
#2E1332
#29112D
#240E27
#1F0C22
#1A0A1C
#140816
#0F0611

Tints

#D4A0DC
#C680D0
#B761C4
#A743B6
#8A3897
#6D2C77
#502057
#331538

Tones

#331538
#321636
#311834
#2F1A33
#2E1C31
#2D1D2F
#2B1F2D
#2A212C

Hues

#331538
#381522
#382215
#343815
#193815
#15382A
#152B38
#191538

Color Harmonies

Analogous

#221538
Click to copy
Dark Blue
96%
#341539
Click to copy
Dark purple
100%
#38152B
Click to copy
Dark Purple
97%

Complementary

#341539
Click to copy
Dark purple
100%
#193815
Click to copy
Dark Green
87%

Split Complementary

#341539
Click to copy
Dark purple
100%
#2B3815
Click to copy
Dark Yellow
88%
#153822
Click to copy
Dark Green
88%

Triadic

#341539
Click to copy
Dark purple
100%
#383315
Click to copy
Dark Orange
89%
#153833
Click to copy
Dark Cyan
89%

Tetradic

#341539
Click to copy
Dark purple
100%
#382215
Click to copy
Dark Red
91%
#193815
Click to copy
Dark Green
87%
#152B38
Click to copy
Dark Cyan
91%

Square

#341539
Click to copy
Dark purple
100%
#382215
Click to copy
Dark Red
91%
#193815
Click to copy
Dark Green
87%
#152B38
Click to copy
Dark Cyan
91%

CSS & Dev Snippets

CSS
.dark-purple {
  color: #341539;
}
SCSS
$dark-purple: #341539;
RGB
rgb(52, 21, 57)

Accessibility & Contrast

White background

16.00:1
16.00
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

1.31:1
1.31
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags