#7EEBF1

#7EEBF1

Color Values

HEX

#7EEBF1

RGB

126, 235, 241

HSL

183.1, 80.4%, 72.0%

HSV

183.1, 47.7%, 94.5%

CMYK

47.7%, 2.5%, 0.0%, 5.5%

OKLCH

0.8775 0.1008 200.2

Properties

Cool Light Nearest: cadetblue 2

Color Harmonies

Complementary

#7EEBF1

#F1847E

Analogous

#7EF1BE

#7EB2F1

#7EEBF1

Triadic

#7EEBF1

#F17EEB

#EBF17E

Split Complementary

#7EEBF1

#F17EB2

#F1BE7E

Tetradic

#7EEBF1

#BE7EF1

#F1847E

#B2F17E

Color Blindness Simulation

Original

#7EEBF1

Protanopia

#ADAEF0

Deuteranopia

#A79FEF

Tritanopia

#83EEEE

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E1F8F9
200
#BFF5F8
300
#91EEF3
400
#55E5ED
500
#19DBE6
600
#14B0B8
700
#108C93
800
#0C6E73
900
#0D5054
950
#083235

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

15.04:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026