#7CDBBE

#7CDBBE

Color Values

HEX

#7CDBBE

RGB

124, 219, 190

HSL

161.7, 56.9%, 67.3%

HSV

161.7, 43.4%, 85.9%

CMYK

43.4%, 0.0%, 13.2%, 14.1%

OKLCH

0.8245 0.1004 172.0

Properties

Cool Light Nearest: mediumaquamarine

Color Harmonies

Complementary

#7CDBBE

#DB7C99

Analogous

#7CDB8F

#7CC9DB

#7CDBBE

Triadic

#7CDBBE

#BE7CDB

#DBBE7C

Split Complementary

#7CDBBE

#DB7CC9

#DB8F7C

Tetradic

#7CDBBE

#8F7CDB

#DB7C99

#C9DB7C

Color Blindness Simulation

Original

#7CDBBE

Protanopia

#A5A6C5

Deuteranopia

#A098C7

Tritanopia

#81CBCC

Achromatopsia

#C5C5C5

CSS Usage

background-color: #7CDBBE;
color: #7CDBBE;
border-color: #7CDBBE;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F4FBF9
100
#E5F6F1
200
#C7F0E3
300
#9FE5CF
400
#6BD6B6
500
#37C89C
600
#2CA07D
700
#238064
800
#1B644E
900
#18493A
950
#0F2E25

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

12.73:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026