HEX Color #496DB6 (Cornflowerblue)

About #496DB6

At its core, #496DB6 is a medium and moderate hue. If you're using CSS, you might find it aligns closely with Cornflowerblue. To achieve this exact tint on a monitor, you would use an RGB mix of 73, 109, and 182.

For print applications, it's crucial to understand its CMYK makeup. This specific hue requires a mix of 60% C, 40% M, 0% Y, and 29% K. Always request a physical proof before doing a large print run with this exact code.

Ensuring your text is legible against this background is a key part of web design. Because it is a medium color, it is generally recommended to use #FFFFFF text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#496DB6

RGB73, 109, 182

HSL220.2°, 42.7%, 50.0%

CMYK60%, 40%, 0%, 29%

HSV220.2°, 59.9%, 71.4%

LAB46.6, 9.9, -42.6

XYZ16.7, 15.7, 46.4

Decimal4812214

Color Harmonies

Complementary

#496DB6 #B69249

Analogous

#49A3B6 #5B49B6

Triadic

#B6496C #6CB649

Tetradic

#B649A3 #B69249 #49B65B

Tints, Shades & Tones

Tints (Adding White)

#496DB6

#5D7DBE

#718DC6

#859DCE

#99ADD6

#AEBEDE

#C2CEE6

#D6DEEE

#EAEEF6

#FFFFFF

Shades (Adding Black)

#496DB6

#4060A1

#38548D

#304879

#283C65

#203050

#18243C

#101828

#080C14

#000000

WCAG Contrast Accessibility

5.06:1

Text on #FFFFFF

AA

4.15:1

Text on #000000

AA Large

4.84:1

Text on #F8FAFC

AA

3.52:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #496DB6; }

.text-color { color: #496DB6; }

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

Similar Colors

Cornflowerblue

#6495ED