HEX Color #B65083 (Palevioletred)

About #B65083

When working with digital screens, the color #B65083 is rendered by mixing light. If you're using CSS, you might find it aligns closely with Palevioletred. This translates to an RGB value of rgb(182, 80, 131).

Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 0% C, 56% M, 28% Y, and 29% K. With a hue angle of 330.0 degrees, it sits comfortably in the magenta spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#B65083

RGB182, 80, 131

HSL330.0°, 41.1%, 51.4%

CMYK0%, 56%, 28%, 29%

HSV330.0°, 56.0%, 71.4%

LAB48.7, 46.9, -8.4

XYZ26.3, 17.3, 23.4

Decimal11948163

Color Harmonies

Complementary

#B65083 #4FB683

Analogous

#B64FB5 #B64F4F

Triadic

#83B64F #4F82B6

Tetradic

#B5B64F #4FB683 #4F4FB6

Tints, Shades & Tones

Tints (Adding White)

#B65083

#BE6390

#C6769E

#CE8AAC

#D69DBA

#DEB1C7

#E6C4D5

#EED8E3

#F6EBF1

#FFFFFF

Shades (Adding Black)

#B65083

#A14774

#8D3E65

#793557

#652C48

#50233A

#3C1A2B

#28111D

#14080E

#000000

WCAG Contrast Accessibility

4.70:1

Text on #FFFFFF

AA

4.46:1

Text on #000000

AA Large

4.50:1

Text on #F8FAFC

AA Large

3.80:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #B65083; }

.text-color { color: #B65083; }

.border-color { border: 2px solid #B65083; }

Similar Colors

Palevioletred

#DB7093