HEX Color #747FA2 (Lightslategray)

About #747FA2

The hex code #747FA2 represents a beautifully specific shade of blue. If you're using CSS, you might find it aligns closely with Lightslategray. To achieve this exact tint on a monitor, you would use an RGB mix of 116, 127, and 162.

Translating this color to physical media requires the CMYK color model. The color uses 28% Cyan, 22% Magenta, 0% Yellow, and 36% Black. 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. Mathematical luminance calculations suggest that #000000 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#747FA2

RGB116, 127, 162

HSL225.7°, 19.8%, 54.5%

CMYK28%, 22%, 0%, 36%

HSV225.7°, 28.4%, 63.5%

LAB53.5, 4.2, -20.0

XYZ21.3, 21.5, 37.2

Decimal7634850

Color Harmonies

Complementary

#747FA2 #A19774

Analogous

#7495A1 #8074A1

Triadic

#A1747E #7EA174

Tetradic

#A17495 #A19774 #74A180

Tints, Shades & Tones

Tints (Adding White)

#747FA2

#838DAC

#929BB6

#A2A9C1

#B1B7CB

#C1C6D5

#D0D4E0

#E0E2EA

#EFF0F4

#FFFFFF

Shades (Adding Black)

#747FA2

#677090

#5A627E

#4D546C

#40465A

#333848

#262A36

#191C24

#0C0E12

#000000

WCAG Contrast Accessibility

3.96:1

Text on #FFFFFF

AA Large

5.30:1

Text on #000000

AA

3.79:1

Text on #F8FAFC

AA Large

4.51:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #747FA2; }

.text-color { color: #747FA2; }

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

Similar Colors

Lightslategray

#778899