HEX Color #75C5F8 (Lightskyblue)

About #75C5F8

The precise color #75C5F8 is an excellent choice for modern design projects. Designers often compare it to the standard color Lightskyblue. To achieve this exact tint on a monitor, you would use an RGB mix of 117, 197, and 248.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 53% cyan, 21% magenta, 0% yellow, and 3% black. The HSL representation is 203.4° hue, 90.3% saturation, and 71.6% lightness.

Contrast ratios determine whether this color is safe for typography. The calculated luminance score dictates that #000000 typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#75C5F8

RGB117, 197, 248

HSL203.4°, 90.3%, 71.6%

CMYK53%, 21%, 0%, 3%

HSV203.4°, 52.8%, 97.3%

LAB76.4, -10.6, -32.7

XYZ44.2, 50.5, 96.2

Decimal7718392

Color Harmonies

Complementary

#75C5F8 #F8A774

Analogous

#74F8E9 #7483F8

Triadic

#F874C4 #C5F874

Tetradic

#E974F8 #F8A774 #83F874

Tints, Shades & Tones

Tints (Adding White)

#75C5F8

#84CBF8

#93D1F9

#A3D8FA

#B2DEFB

#C1E5FB

#D1EBFC

#E0F2FD

#EFF8FE

#FFFFFF

Shades (Adding Black)

#75C5F8

#68AFDC

#5B99C0

#4E83A5

#416D89

#34576E

#274152

#1A2B37

#0D151B

#000000

WCAG Contrast Accessibility

1.89:1

Text on #FFFFFF

FAIL

11.10:1

Text on #000000

AAA

1.81:1

Text on #F8FAFC

FAIL

9.43:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Lightskyblue

#87CEFA