HEX Color #83A0D3 (Steelblue)

About #83A0D3

The precise color #83A0D3 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Steelblue. In the RGB color space, it consists of 131 red, 160 green, and 211 blue.

Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 38% C, 24% M, 0% Y, and 17% K. This makes it a relatively light color when applied to physical surfaces.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #000000 typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#83A0D3

RGB131, 160, 211

HSL218.2°, 47.6%, 67.1%

CMYK38%, 24%, 0%, 17%

HSV218.2°, 37.9%, 82.7%

LAB65.5, 2.6, -29.2

XYZ33.7, 34.7, 66.5

Decimal8626387

Color Harmonies

Complementary

#83A0D3 #D2B582

Analogous

#82C7D2 #8D82D2

Triadic

#D2829F #9FD282

Tetradic

#D282C7 #D2B582 #82D28D

Tints, Shades & Tones

Tints (Adding White)

#83A0D3

#90AAD7

#9EB5DC

#ACBFE1

#BACAE6

#C7D4EB

#D5DFF0

#E3E9F5

#F1F4FA

#FFFFFF

Shades (Adding Black)

#83A0D3

#748EBB

#657CA4

#576A8C

#485875

#3A475D

#2B3546

#1D232E

#0E1117

#000000

WCAG Contrast Accessibility

2.65:1

Text on #FFFFFF

FAIL

7.93:1

Text on #000000

AAA

2.53:1

Text on #F8FAFC

FAIL

6.74:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #83A0D3; }

.text-color { color: #83A0D3; }

.border-color { border: 2px solid #83A0D3; }

Similar Colors

Steelblue

#4682B4