Boysenberry

#873260
RGB
135, 50, 96
HSL
328°, 46%, 36%
CMYK
0, 63, 29, 47
HSV
328°, 63%, 53%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #873260 color: #873260;
RGB 135, 50, 96 color: rgb(135, 50, 96);
RGB Percentage 53%, 20%, 38% color: rgb(53%, 20%, 38%);
CMYK 0%, 63%, 29%, 47% Not supported in CSS
HSL 328°, 46%, 36% color: hsl(328, 46%, 36%);
HSV 328°, 63%, 53% Not supported in CSS
CIE-LAB 29, 17, -15 color: lab(29% 17 -15);
Decimal 8860256 Not supported in CSS

Color Variations

Shades

#86325F
#792D55
#6B284C
#5E2342
#501E39
#43192F
#361426
#280F1C

Tints

#E5B8D0
#DCA0C0
#D388B0
#CA70A0
#C15890
#B64380
#9E3A6F
#86325F

Tones

#86325F
#82365E
#7E3A5E
#793E5E
#75425D
#71475D
#6D4B5D
#684F5D

Hues

#86325F
#864432
#868332
#4A8632
#328659
#327486
#323486
#6E3286

Color Harmonies

Analogous

#833286
Click to copy
Dark Purple
91%
#873260
Click to copy
Boysenberry
100%
#863234
Click to copy
Dark Magenta
90%

Complementary

#873260
Click to copy
Boysenberry
100%
#328659
Click to copy
Dark Green
73%

Split Complementary

#873260
Click to copy
Boysenberry
100%
#348632
Click to copy
Dark Green
71%
#328683
Click to copy
Dark Cyan
72%

Triadic

#873260
Click to copy
Boysenberry
100%
#5F8632
Click to copy
Dark Yellow
76%
#325F86
Click to copy
Dark Cyan
77%

Tetradic

#873260
Click to copy
Boysenberry
100%
#868332
Click to copy
Dark Orange
79%
#328659
Click to copy
Dark Green
73%
#323486
Click to copy
Dark Blue
79%

Square

#873260
Click to copy
Boysenberry
100%
#868332
Click to copy
Dark Orange
79%
#328659
Click to copy
Dark Green
73%
#323486
Click to copy
Dark Blue
79%

CSS & Dev Snippets

CSS
.boysenberry {
  color: #873260;
}
SCSS
$boysenberry: #873260;
RGB
rgb(135, 50, 96)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags