HEX Color #92B6C5 (Lightsteelblue)

About #92B6C5

The precise color #92B6C5 is an excellent choice for modern design projects. It is closely associated with the named CSS color Lightsteelblue. To achieve this exact tint on a monitor, you would use an RGB mix of 146, 182, and 197.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 26% cyan and 8% magenta inks. The HSL representation is 197.6° hue, 30.5% saturation, and 67.3% lightness.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#92B6C5

RGB146, 182, 197

HSL197.6°, 30.5%, 67.3%

CMYK26%, 8%, 0%, 23%

HSV197.6°, 25.9%, 77.3%

LAB72.0, -8.7, -11.6

XYZ38.7, 43.6, 59.2

Decimal9615045

Color Harmonies

Complementary

#92B6C5 #C5A192

Analogous

#92C5BA #929CC5

Triadic

#C592B6 #B6C592

Tetradic

#BA92C5 #C5A192 #9CC592

Tints, Shades & Tones

Tints (Adding White)

#92B6C5

#9EBECB

#AAC6D1

#B6CED8

#C2D6DE

#CEDEE5

#DAE6EB

#E6EEF2

#F2F6F8

#FFFFFF

Shades (Adding Black)

#92B6C5

#81A1AF

#718D99

#617983

#51656D

#405057

#303C41

#20282B

#101415

#000000

WCAG Contrast Accessibility

2.16:1

Text on #FFFFFF

FAIL

9.72:1

Text on #000000

AAA

2.07:1

Text on #F8FAFC

FAIL

8.26:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #92B6C5; }

.text-color { color: #92B6C5; }

.border-color { border: 2px solid #92B6C5; }

Similar Colors

Lightsteelblue

#B0C4DE