#7FDAE7

#7FDAE7

Color Values

HEX

#7FDAE7

RGB

127, 218, 231

HSL

187.5, 68.4%, 70.2%

HSV

187.5, 45.0%, 90.6%

CMYK

45.0%, 5.6%, 0.0%, 9.4%

OKLCH

0.8362 0.0889 207.4

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#7FDAE7

#E78C7F

Analogous

#7FE7C0

#7FA6E7

#7FDAE7

Triadic

#7FDAE7

#E77FDA

#DAE77F

Split Complementary

#7FDAE7

#E77FA6

#E7C07F

Tetradic

#7FDAE7

#C07FE7

#E78C7F

#A6E77F

Color Blindness Simulation

Original

#7FDAE7

Protanopia

#A6A7E4

Deuteranopia

#A19AE3

Tritanopia

#84E1E1

Achromatopsia

#C8C8C8

CSS Usage

background-color: #7FDAE7;
color: #7FDAE7;
border-color: #7FDAE7;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F3FBFC
100
#E3F5F8
200
#C3EEF4
300
#98E1EC
400
#60D1E1
500
#28C1D7
600
#209AAC
700
#1A7B89
800
#14606B
900
#13474E
950
#0C2D31

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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