HEX Color #50002C (Black)

About #50002C

When working with digital screens, the color #50002C is rendered by mixing light. Designers often compare it to the standard color Black. Its digital footprint relies on 80 parts red, 0 parts green, and 44 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 0% Cyan, 100% Magenta, 45% Yellow, and 69% Black. The HSL representation is 327.0° hue, 100.0% saturation, and 15.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#50002C

RGB80, 0, 44

HSL327.0°, 100.0%, 15.7%

CMYK0%, 100%, 45%, 69%

HSV327.0°, 100.0%, 31.4%

LAB14.9, 37.3, -4.0

XYZ3.8, 1.9, 2.5

Decimal5242924

Color Harmonies

Complementary

#50002C #005024

Analogous

#4B0050 #500003

Triadic

#2C5000 #002C50

Tetradic

#504C00 #005024 #000350

Tints, Shades & Tones

Tints (Adding White)

#50002C

#631C43

#76385A

#8A5572

#9D7189

#B18DA1

#C4AAB8

#D8C6D0

#EBE2E7

#FFFFFF

Shades (Adding Black)

#50002C

#470027

#3E0022

#35001D

#2C0018

#230013

#1A000E

#110009

#080004

#000000

WCAG Contrast Accessibility

15.25:1

Text on #FFFFFF

AAA

1.38:1

Text on #000000

FAIL

14.57:1

Text on #F8FAFC

AAA

1.17:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #50002C; }

.text-color { color: #50002C; }

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

Similar Colors

Black

#000000