#37A9AF

#37A9AF

Color Values

HEX

#37A9AF

RGB

55, 169, 175

HSL

183.0, 52.2%, 45.1%

HSV

183.0, 68.6%, 68.6%

CMYK

68.6%, 3.4%, 0.0%, 31.4%

OKLCH

0.6749 0.0996 200.2

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#37A9AF

#AF3D37

Analogous

#37AF79

#376DAF

#37A9AF

Triadic

#37A9AF

#AF37A9

#A9AF37

Split Complementary

#37A9AF

#AF376D

#AF7937

Tetradic

#37A9AF

#7937AF

#AF3D37

#6DAF37

Color Blindness Simulation

Original

#37A9AF

Protanopia

#6869AE

Deuteranopia

#6259AD

Tritanopia

#3DACAC

Achromatopsia

#919191

CSS Usage

background-color: #37A9AF;
color: #37A9AF;
border-color: #37A9AF;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F4FAFB
100
#E5F4F5
200
#C9ECEE
300
#A2DFE2
400
#6FCDD2
500
#3DBBC2
600
#31969B
700
#27787C
800
#1E5E61
900
#1A4547
950
#102C2D

Contrast Checker

Text on white

2.82:1

AA Fail AAA Fail

Text on black

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