#7ECBDF

#7ECBDF

Color Values

HEX

#7ECBDF

RGB

126, 203, 223

HSL

192.4, 60.2%, 68.4%

HSV

192.4, 43.5%, 87.5%

CMYK

43.5%, 9.0%, 0.0%, 12.5%

OKLCH

0.7993 0.081 216.2

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#7ECBDF

#DF927E

Analogous

#7EDFC2

#7E9ADF

#7ECBDF

Triadic

#7ECBDF

#DF7ECB

#CBDF7E

Split Complementary

#7ECBDF

#DF7E9A

#DFC27E

Tetradic

#7ECBDF

#C27EDF

#DF927E

#9ADF7E

Color Blindness Simulation

Original

#7ECBDF

Protanopia

#9FA0DA

Deuteranopia

#9B95D9

Tritanopia

#82D6D6

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#F3FAFB
100
#E4F3F6
200
#C6E8F1
300
#9DD7E7
400
#68C2D9
500
#33ADCC
600
#298AA3
700
#206E83
800
#195666
900
#16404B
950
#0E282F

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

11.5:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026