#7BD0CC

#7BD0CC

Color Values

HEX

#7BD0CC

RGB

123, 208, 204

HSL

177.2, 47.5%, 64.9%

HSV

177.2, 40.9%, 81.6%

CMYK

40.9%, 0.0%, 1.9%, 18.4%

OKLCH

0.8027 0.083 191.7

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#7BD0CC

#D07B7F

Analogous

#7BD0A2

#7BA9D0

#7BD0CC

Triadic

#7BD0CC

#CC7BD0

#D0CC7B

Split Complementary

#7BD0CC

#D07BA9

#D0A27B

Tetradic

#7BD0CC

#A27BD0

#D07B7F

#A9D07B

Color Blindness Simulation

Original

#7BD0CC

Protanopia

#A0A1CD

Deuteranopia

#9B94CD

Tritanopia

#7FCECE

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CAECEB
300
#A5DFDC
400
#74CDC9
500
#43BCB6
600
#369692
700
#2B7875
800
#215E5B
900
#1C4543
950
#122C2A

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

11.74:1

AA Pass AAA Pass

Related Articles

Brand Stories

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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026