#2AE6B6

#2AE6B6

Color Values

HEX

#2AE6B6

RGB

42, 230, 182

HSL

164.7, 79.0%, 53.3%

HSV

164.7, 81.7%, 90.2%

CMYK

81.7%, 0.0%, 20.9%, 9.8%

OKLCH

0.826 0.1568 169.8

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#2AE6B6

#E62A5A

Analogous

#2AE658

#2AB8E6

#2AE6B6

Triadic

#2AE6B6

#B62AE6

#E6B62A

Split Complementary

#2AE6B6

#E62AB8

#E6582A

Tetradic

#2AE6B6

#582AE6

#E62A5A

#B8E62A

Color Blindness Simulation

Original

#2AE6B6

Protanopia

#7B7DC2

Deuteranopia

#7062C4

Tritanopia

#33CBCD

Achromatopsia

#BBBBBB

CSS Usage

background-color: #2AE6B6;
color: #2AE6B6;
border-color: #2AE6B6;
Nearest Tailwind: Emerald 400 #34D399

Tailwind Shades

50
#F2FCFA
100
#E1F9F3
200
#BFF8E9
300
#91F2D9
400
#56EBC5
500
#1BE4B1
600
#15B78D
700
#119271
800
#0D7258
900
#0E5341
950
#093429

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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