#B683C5
A light, moderate magenta closely aligning with Plum.
About #B683C5
When working with digital screens, the color #B683C5 is rendered by mixing light. It is closely associated with the named CSS color Plum. To achieve this exact tint on a monitor, you would use an RGB mix of 182, 131, and 197.
If you are designing for print, the four-color process is what matters most. This specific hue requires a mix of 8% C, 34% M, 0% Y, and 23% K. With a hue angle of 286.4 degrees, it sits comfortably in the magenta spectrum.
Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #000000 typography is the safest choice. Always test your color combinations using a contrast checker before publishing.
Color Space Conversions
HEX#B683C5
RGB182, 131, 197
HSL286.4°, 36.3%, 64.3%
CMYK8%, 34%, 0%, 23%
HSV286.4°, 33.5%, 77.3%
LAB61.8, 31.2, -26.7
XYZ37.5, 30.2, 56.7
Decimal11961285
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
2.98:1
Text on #FFFFFF
FAIL
7.04:1
Text on #000000
AAA
2.85:1
Text on #F8FAFC
FAIL
5.99:1
Text on #0F172A
AA
CSS Implementation
.bg-color {
background-color: #B683C5;
}
.text-color {
color: #B683C5;
}
.border-color {
border: 2px solid #B683C5;
}