#2A9DA0

#2A9DA0

Color Values

HEX

#2A9DA0

RGB

42, 157, 160

HSL

181,5, 58,4%, 39,6%

HSV

181,5, 73,8%, 62,7%

CMYK

73,8%, 1,9%, 0,0%, 37,3%

OKLCH

0,6363 0,0979 197,6

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#2A9DA0

#A02D2A

Analogous

#2AA068

#2A62A0

#2A9DA0

Triadic

#2A9DA0

#A02A9D

#9DA02A

Split Complementary

#2A9DA0

#A02A62

#A0682A

Tetradic

#2A9DA0

#682AA0

#A02D2A

#62A02A

Color Blindness Simulation

Original

#2A9DA0

Protanopia

#5C5D9F

Deuteranopia

#554C9F

Tritanopia

#309F9F

Achromatopsia

#858585

CSS Usage

background-color: #2A9DA0;
color: #2A9DA0;
border-color: #2A9DA0;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F4FBFB
100
#E4F6F6
200
#C6EFF0
300
#9EE4E6
400
#6AD5D8
500
#35C6CA
600
#2A9FA2
700
#227F81
800
#1B6365
900
#17494A
950
#0F2E2F

Contrast Checker

Text on white

3,27:1

AA Fail AAA Fail

Text on black

6,43:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026