#7FC9D8

#7FC9D8

Color Values

HEX

#7FC9D8

RGB

127, 201, 216

HSL

190.1, 53.3%, 67.3%

HSV

190.1, 41.2%, 84.7%

CMYK

41.2%, 6.9%, 0.0%, 15.3%

OKLCH

0.7928 0.0765 211.9

Properties

Cool Light Nearest: cadetblue 3

Color Harmonies

Complementary

#7FC9D8

#D88E7F

Analogous

#7FD8BB

#7F9DD8

#7FC9D8

Triadic

#7FC9D8

#D87FC9

#C9D87F

Split Complementary

#7FC9D8

#D87F9D

#D8BB7F

Tetradic

#7FC9D8

#BB7FD8

#D88E7F

#9DD87F

Color Blindness Simulation

Original

#7FC9D8

Protanopia

#9FA0D4

Deuteranopia

#9B95D4

Tritanopia

#83D2D1

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E5F3F5
200
#C8E8EE
300
#A1D7E2
400
#6EC2D3
500
#3CADC3
600
#308A9C
700
#266E7D
800
#1E5662
900
#194048
950
#10282D

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

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