HEX Color #A824B6 (Darkorchid)

About #A824B6

Visually, #A824B6 is defined as a moderate magenta. It is closely associated with the named CSS color Darkorchid. Its digital footprint relies on 168 parts red, 36 parts green, and 182 parts blue light.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 8% cyan and 80% magenta inks. The HSL representation is 294.2° hue, 67.0% saturation, and 42.7% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#A824B6

RGB168, 36, 182

HSL294.2°, 67.0%, 42.7%

CMYK8%, 80%, 0%, 29%

HSV294.2°, 80.2%, 71.4%

LAB42.7, 68.3, -48.2

XYZ25.2, 13.0, 45.4

Decimal11019446

Color Harmonies

Complementary

#A824B6 #32B524

Analogous

#5F24B5 #B5247A

Triadic

#B5A724 #24B5A8

Tetradic

#B55F24 #32B524 #247AB5

Tints, Shades & Tones

Tints (Adding White)

#A824B6

#B13CBE

#BB54C6

#C56DCE

#CE85D6

#D89DDE

#E2B6E6

#EBCEEE

#F5E6F6

#FFFFFF

Shades (Adding Black)

#A824B6

#9520A1

#821C8D

#701879

#5D1465

#4A1050

#380C3C

#250828

#120414

#000000

WCAG Contrast Accessibility

5.85:1

Text on #FFFFFF

AA

3.59:1

Text on #000000

AA Large

5.59:1

Text on #F8FAFC

AA

3.05:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #A824B6; }

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

Similar Colors

Darkorchid

#9932CC