#73B4D0

#73B4D0

Color Values

HEX

#73B4D0

RGB

115, 180, 208

HSL

198.1, 49.7%, 63.3%

HSV

198.1, 44.7%, 81.6%

CMYK

44.7%, 13.5%, 0.0%, 18.4%

OKLCH

0.7365 0.0777 227.2

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#73B4D0

#D08F73

Analogous

#73D0BD

#7385D0

#73B4D0

Triadic

#73B4D0

#D073B4

#B4D073

Split Complementary

#73B4D0

#D07385

#D0BD73

Tetradic

#73B4D0

#BD73D0

#D08F73

#85D073

Color Blindness Simulation

Original

#73B4D0

Protanopia

#8F90C9

Deuteranopia

#8B86C8

Tritanopia

#76C4C3

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#F4F9FB
100
#E6F0F5
200
#CAE2ED
300
#A3CEE0
400
#72B3D0
500
#4099BF
600
#337A99
700
#29627A
800
#204C5F
900
#1B3946
950
#11242C

Contrast Checker

Text on white

2.29:1

AA Fail AAA Fail

Text on black

9.17: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