#7CEBE9

#7CEBE9

Color Values

HEX

#7CEBE9

RGB

124, 235, 233

HSL

178.9, 73.5%, 70.4%

HSV

178.9, 47.2%, 92.2%

CMYK

47.2%, 0.0%, 0.9%, 7.8%

OKLCH

0.874 0.1022 193.9

Properties

Cool Light Nearest: cadetblue 2

Color Harmonies

Complementary

#7CEBE9

#EB7C7E

Analogous

#7CEBB1

#7CB6EB

#7CEBE9

Triadic

#7CEBE9

#E97CEB

#EBE97C

Split Complementary

#7CEBE9

#EB7CB6

#EBB17C

Tetradic

#7CEBE9

#B17CEB

#EB7C7E

#B6EB7C

Color Blindness Simulation

Original

#7CEBE9

Protanopia

#ACADE9

Deuteranopia

#A69DEA

Tritanopia

#82EAEA

Achromatopsia

#D3D3D3

CSS Usage

background-color: #7CEBE9;
color: #7CEBE9;
border-color: #7CEBE9;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F3FCFC
100
#E2F8F8
200
#C1F6F5
300
#95EFED
400
#5BE6E3
500
#22DDDA
600
#1BB1AE
700
#168E8B
800
#116F6D
900
#10504F
950
#0A3332

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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