#73C2F8

#73C2F8

Color Values

HEX

#73C2F8

RGB

115, 194, 248

HSL

204.4, 90.5%, 71.2%

HSV

204.4, 53.6%, 97.3%

CMYK

53.6%, 21.8%, 0.0%, 2.7%

OKLCH

0.7841 0.1098 240.1

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#73C2F8

#F8A973

Analogous

#73F8EC

#7380F8

#73C2F8

Triadic

#73C2F8

#F873C2

#C2F873

Split Complementary

#73C2F8

#F87380

#F8EC73

Tetradic

#73C2F8

#EC73F8

#F8A973

#80F873

Color Blindness Simulation

Original

#73C2F8

Protanopia

#9596EB

Deuteranopia

#918BE8

Tritanopia

#77E1DE

Achromatopsia

#B5B5B5

CSS Usage

background-color: #73C2F8;
color: #73C2F8;
border-color: #73C2F8;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F1F8FD
100
#DFF0FB
200
#BBE1FC
300
#8ACCF9
400
#4BB1F6
500
#0C95F3
600
#0A77C2
700
#085F9B
800
#064B79
900
#093858
950
#062338

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

10.8:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026