HEX Color #75A0E2 (Cornflowerblue)

About #75A0E2

The hex code #75A0E2 represents a beautifully specific shade of blue. If you're using CSS, you might find it aligns closely with Cornflowerblue. Its digital footprint relies on 117 parts red, 160 parts green, and 226 parts blue light.

Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 48% C, 29% M, 0% Y, and 11% K. With a hue angle of 216.3 degrees, it sits comfortably in the blue spectrum.

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#75A0E2

RGB117, 160, 226

HSL216.3°, 65.3%, 67.3%

CMYK48%, 29%, 0%, 11%

HSV216.3°, 48.2%, 88.6%

LAB65.3, 3.3, -37.9

XYZ33.6, 34.4, 76.8

Decimal7708898

Color Harmonies

Complementary

#75A0E2 #E2B674

Analogous

#74D6E2 #8074E2

Triadic

#E274A0 #A0E274

Tetradic

#E274D6 #E2B674 #74E280

Tints, Shades & Tones

Tints (Adding White)

#75A0E2

#84AAE5

#93B5E8

#A3BFEB

#B2CAEE

#C1D4F2

#D1DFF5

#E0E9F8

#EFF4FB

#FFFFFF

Shades (Adding Black)

#75A0E2

#688EC8

#5B7CAF

#4E6A96

#41587D

#344764

#27354B

#1A2332

#0D1119

#000000

WCAG Contrast Accessibility

2.66:1

Text on #FFFFFF

FAIL

7.88:1

Text on #000000

AAA

2.55:1

Text on #F8FAFC

FAIL

6.70:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #75A0E2; }

.text-color { color: #75A0E2; }

.border-color { border: 2px solid #75A0E2; }

Similar Colors

Cornflowerblue

#6495ED