#07ADA6

#07ADA6

Color Values

HEX

#07ADA6

RGB

7, 173, 166

HSL

177.5, 92.2%, 35.3%

HSV

177.5, 96.0%, 67.8%

CMYK

96.0%, 0.0%, 4.0%, 32.2%

OKLCH

0.6748 0.1158 189.7

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#07ADA6

#AD070E

Analogous

#07AD53

#0761AD

#07ADA6

Triadic

#07ADA6

#A607AD

#ADA607

Split Complementary

#07ADA6

#AD0761

#AD5307

Tetradic

#07ADA6

#5307AD

#AD070E

#61AD07

Color Blindness Simulation

Original

#07ADA6

Protanopia

#4F50A8

Deuteranopia

#4539A8

Tritanopia

#0FA9A9

Achromatopsia

#898989

CSS Usage

background-color: #07ADA6;
color: #07ADA6;
border-color: #07ADA6;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F1FDFD
100
#DFFBFA
200
#BAFCF9
300
#89FAF6
400
#4AF8F0
500
#0AF5EB
600
#08C4BC
700
#069D97
800
#057B76
900
#085955
950
#053836

Contrast Checker

Text on white

2.79:1

AA Fail AAA Fail

Text on black

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