#7DEDFB

#7DEDFB

Color Values

HEX

#7DEDFB

RGB

125, 237, 251

HSL

186.7, 94.0%, 73.7%

HSV

186.7, 50.2%, 98.4%

CMYK

50.2%, 5.6%, 0.0%, 1.6%

OKLCH

0.8849 0.1042 206.1

Properties

Cool Light Nearest: cadetblue 1

Color Harmonies

Complementary

#7DEDFB

#FB8B7D

Analogous

#7DFBCA

#7DAEFB

#7DEDFB

Triadic

#7DEDFB

#FB7DED

#EDFB7D

Split Complementary

#7DEDFB

#FB7DAE

#FBCA7D

Tetradic

#7DEDFB

#CA7DFB

#FB8B7D

#AEFB7D

Color Blindness Simulation

Original

#7DEDFB

Protanopia

#AEAEF8

Deuteranopia

#A79FF7

Tritanopia

#83F5F4

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#F1FCFD
100
#DFF8FB
200
#BAF5FD
300
#88EEFB
400
#48E6F9
500
#08DDF7
600
#06B0C6
700
#058D9E
800
#046E7C
900
#075059
950
#053338

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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