#73C6D6

#73C6D6

Color Values

HEX

#73C6D6

RGB

115, 198, 214

HSL

189.7, 54.7%, 64.5%

HSV

189.7, 46.3%, 83.9%

CMYK

46.3%, 7.5%, 0.0%, 16.1%

OKLCH

0.7796 0.0839 211.4

Properties

Cool Light Nearest: cadetblue 3

Color Harmonies

Complementary

#73C6D6

#D68373

Analogous

#73D6B4

#7394D6

#73C6D6

Triadic

#73C6D6

#D673C6

#C6D673

Split Complementary

#73C6D6

#D67394

#D6B473

Tetradic

#73C6D6

#B473D6

#D68373

#94D673

Color Blindness Simulation

Original

#73C6D6

Protanopia

#9798D2

Deuteranopia

#928CD1

Tritanopia

#77CFCE

Achromatopsia

#B6B6B6

CSS Usage

background-color: #73C6D6;
color: #73C6D6;
border-color: #73C6D6;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F4FAFB
100
#E5F3F5
200
#C8E9EF
300
#A0D8E3
400
#6DC4D4
500
#3AAFC5
600
#2E8C9E
700
#25707E
800
#1D5763
900
#194148
950
#10292E

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

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