HEX Color #3AA0DB (Steelblue)

About #3AA0DB

When working with digital screens, the color #3AA0DB is rendered by mixing light. Designers often compare it to the standard color Steelblue. To achieve this exact tint on a monitor, you would use an RGB mix of 58, 160, and 219.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 74% cyan, 27% magenta, 0% yellow, and 14% black. The HSL representation is 202.0° hue, 69.1% saturation, and 54.3% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. 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#3AA0DB

RGB58, 160, 219

HSL202.0°, 69.1%, 54.3%

CMYK74%, 27%, 0%, 14%

HSV202.0°, 73.5%, 85.9%

LAB62.6, -9.9, -38.3

XYZ27.1, 31.2, 71.6

Decimal3842267

Color Harmonies

Complementary

#3AA0DB #DA743A

Analogous

#3ADAC5 #3A4FDA

Triadic

#DA3A9F #A0DA3A

Tetradic

#C53ADA #DA743A #4FDA3A

Tints, Shades & Tones

Tints (Adding White)

#3AA0DB

#4FAADF

#65B5E3

#7BBFE7

#91CAEB

#A7D4EF

#BDDFF3

#D3E9F7

#E9F4FB

#FFFFFF

Shades (Adding Black)

#3AA0DB

#338EC2

#2D7CAA

#266A92

#205879

#194761

#133549

#0C2330

#061118

#000000

WCAG Contrast Accessibility

2.90:1

Text on #FFFFFF

FAIL

7.23:1

Text on #000000

AAA

2.78:1

Text on #F8FAFC

FAIL

6.15:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #3AA0DB; }

.text-color { color: #3AA0DB; }

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

Similar Colors

Steelblue

#4682B4