HEX Color #92A0F0 (Cornflowerblue)

About #92A0F0

The precise color #92A0F0 is an excellent choice for modern design projects. 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 146, 160, and 240.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 39% cyan, 33% magenta, 0% yellow, and 6% black. The HSL representation is 231.1° hue, 75.8% saturation, and 75.7% lightness.

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. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#92A0F0

RGB146, 160, 240

HSL231.1°, 75.8%, 75.7%

CMYK39%, 33%, 0%, 6%

HSV231.1°, 39.2%, 94.1%

LAB67.7, 14.5, -41.7

XYZ40.2, 37.5, 87.6

Decimal9609456

Color Harmonies

Complementary

#92A0F0 #F0E191

Analogous

#91CFF0 #B291F0

Triadic

#F0919F #A0F091

Tetradic

#F091CF #F0E191 #91F0B2

Tints, Shades & Tones

Tints (Adding White)

#92A0F0

#9EAAF1

#AAB5F3

#B6BFF5

#C2CAF6

#CED4F8

#DADFFA

#E6E9FB

#F2F4FD

#FFFFFF

Shades (Adding Black)

#92A0F0

#818ED5

#717CBA

#616AA0

#515885

#40476A

#303550

#202335

#10111A

#000000

WCAG Contrast Accessibility

2.47:1

Text on #FFFFFF

FAIL

8.51:1

Text on #000000

AAA

2.36:1

Text on #F8FAFC

FAIL

7.23:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Cornflowerblue

#6495ED