#40AAA3

#40AAA3

Color Values

HEX

#40AAA3

RGB

64, 170, 163

HSL

176.0, 45.3%, 45.9%

HSV

176.0, 62.4%, 66.7%

CMYK

62.4%, 0.0%, 4.1%, 33.3%

OKLCH

0.6757 0.0966 189.0

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#40AAA3

#AA4047

Analogous

#40AA6E

#407CAA

#40AAA3

Triadic

#40AAA3

#A340AA

#AAA340

Split Complementary

#40AAA3

#AA407C

#AA6E40

Tetradic

#40AAA3

#6E40AA

#AA4047

#7CAA40

Color Blindness Simulation

Original

#40AAA3

Protanopia

#6E6FA5

Deuteranopia

#6860A5

Tritanopia

#45A6A6

Achromatopsia

#939393

CSS Usage

background-color: #40AAA3;
color: #40AAA3;
border-color: #40AAA3;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F4FAFA
100
#E6F4F3
200
#CBEBE9
300
#A6DEDA
400
#76CBC6
500
#46B9B2
600
#38948E
700
#2D7772
800
#235D59
900
#1D4442
950
#122B29

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

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