HEX Color #490F1D (Black)

About #490F1D

The precise color #490F1D is an excellent choice for modern design projects. Designers often compare it to the standard color Black. To achieve this exact tint on a monitor, you would use an RGB mix of 73, 15, and 29.

If you are designing for print, the four-color process is what matters most. The color uses 0% Cyan, 79% Magenta, 60% Yellow, and 71% Black. The HSL representation is 345.5° hue, 65.9% saturation, and 17.3% lightness.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#490F1D

RGB73, 15, 29

HSL345.5°, 65.9%, 17.3%

CMYK0%, 79%, 60%, 71%

HSV345.5°, 79.5%, 28.6%

LAB14.7, 28.3, 6.5

XYZ3.1, 1.8, 1.4

Decimal4787997

Color Harmonies

Complementary

#490F1D #0E493B

Analogous

#490E39 #491E0E

Triadic

#1C490E #0E1C49

Tetradic

#39490E #0E493B #1E0E49

Tints, Shades & Tones

Tints (Adding White)

#490F1D

#5D2936

#71444F

#855F68

#997981

#AE949A

#C2AFB3

#D6C9CC

#EAE4E5

#FFFFFF

Shades (Adding Black)

#490F1D

#400D19

#380B16

#300A13

#280810

#20060C

#180509

#100306

#080103

#000000

WCAG Contrast Accessibility

15.34:1

Text on #FFFFFF

AAA

1.37:1

Text on #000000

FAIL

14.66:1

Text on #F8FAFC

AAA

1.16:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #490F1D; }

.text-color { color: #490F1D; }

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

Similar Colors

Black

#000000