#07AEAD

#07AEAD

Color Values

HEX

#07AEAD

RGB

7, 174, 173

HSL

179.6, 92.3%, 35.5%

HSV

179.6, 96.0%, 68.2%

CMYK

96.0%, 0.0%, 0.6%, 31.8%

OKLCH

0.6798 0.1154 194.0

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#07AEAD

#AE0708

Analogous

#07AE59

#075CAE

#07AEAD

Triadic

#07AEAD

#AD07AE

#AEAD07

Split Complementary

#07AEAD

#AE075C

#AE5907

Tetradic

#07AEAD

#5907AE

#AE0708

#5CAE07

Color Blindness Simulation

Original

#07AEAD

Protanopia

#4F51AD

Deuteranopia

#4639AD

Tritanopia

#0FADAD

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFB
200
#BAFCFC
300
#89FAFA
400
#4AF8F7
500
#0AF5F4
600
#08C4C3
700
#069D9C
800
#057B7A
900
#085958
950
#053838

Contrast Checker

Text on white

2.74:1

AA Fail AAA Fail

Text on black

7.67:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026