#7CEFF9

#7CEFF9

Color Values

HEX

#7CEFF9

RGB

124, 239, 249

HSL

184.8, 91.2%, 73.1%

HSV

184.8, 50.2%, 97.6%

CMYK

50.2%, 4.0%, 0.0%, 2.4%

OKLCH

0.8884 0.1055 202.9

Properties

Cool Light Nearest: cadetblue 1

Color Harmonies

Complementary

#7CEFF9

#F9867C

Analogous

#7CF9C4

#7CB0F9

#7CEFF9

Triadic

#7CEFF9

#F97CEF

#EFF97C

Split Complementary

#7CEFF9

#F97CB0

#F9C47C

Tetradic

#7CEFF9

#C47CF9

#F9867C

#B0F97C

Color Blindness Simulation

Original

#7CEFF9

Protanopia

#AEAFF7

Deuteranopia

#A79EF6

Tritanopia

#82F5F4

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F1FCFD
100
#DFF9FB
200
#BBF7FC
300
#8AF1FA
400
#4BE9F7
500
#0BE1F4
600
#09B4C3
700
#07909C
800
#06717A
900
#095258
950
#053438

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

15.57:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026