#73BAD0

#73BAD0

Color Values

HEX

#73BAD0

RGB

115, 186, 208

HSL

194.2, 49.7%, 63.3%

HSV

194.2, 44.7%, 81.6%

CMYK

44.7%, 10.6%, 0.0%, 18.4%

OKLCH

0.7501 0.0779 219.7

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#73BAD0

#D08973

Analogous

#73D0B7

#738BD0

#73BAD0

Triadic

#73BAD0

#D073BA

#BAD073

Split Complementary

#73BAD0

#D0738B

#D0B773

Tetradic

#73BAD0

#B773D0

#D08973

#8BD073

Color Blindness Simulation

Original

#73BAD0

Protanopia

#9292CB

Deuteranopia

#8E88C9

Tritanopia

#77C6C6

Achromatopsia

#ACACAC

CSS Usage

background-color: #73BAD0;
color: #73BAD0;
border-color: #73BAD0;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F4F9FB
100
#E6F1F5
200
#CAE5ED
300
#A3D2E0
400
#72B9D0
500
#40A1BF
600
#338199
700
#29677A
800
#20505F
900
#1B3C46
950
#11262C

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

9.66:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026