#1AE5CC

#1AE5CC

Color Values

HEX

#1AE5CC

RGB

26, 229, 204

HSL

172.6, 79.6%, 50.0%

HSV

172.6, 88.6%, 89.8%

CMYK

88.6%, 0.0%, 10.9%, 10.2%

OKLCH

0.828 0.1464 181.0

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#1AE5CC

#E51A33

Analogous

#1AE566

#1A99E5

#1AE5CC

Triadic

#1AE5CC

#CC1AE5

#E5CC1A

Split Complementary

#1AE5CC

#E51A99

#E5661A

Tetradic

#1AE5CC

#661AE5

#E51A33

#99E51A

Color Blindness Simulation

Original

#1AE5CC

Protanopia

#7274D2

Deuteranopia

#6657D4

Tritanopia

#24D7D8

Achromatopsia

#B8B8B8

CSS Usage

background-color: #1AE5CC;
color: #1AE5CC;
border-color: #1AE5CC;
Nearest Tailwind: Teal 400 #2DD4BF

Tailwind Shades

50
#F2FDFB
100
#E1F9F6
200
#BFF8F1
300
#91F3E6
400
#56ECD9
500
#1AE5CC
600
#15B7A3
700
#119383
800
#0D7266
900
#0E534B
950
#09352F

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

13.12:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026