#37C8AF

#37C8AF

Color Values

HEX

#37C8AF

RGB

55, 200, 175

HSL

169.7, 56.9%, 50.0%

HSV

169.7, 72.5%, 78.4%

CMYK

72.5%, 0.0%, 12.5%, 21.6%

OKLCH

0.7518 0.1249 178.4

Properties

Cool Light Nearest: mediumaquamarine

Color Harmonies

Complementary

#37C8AF

#C83750

Analogous

#37C867

#3798C8

#37C8AF

Triadic

#37C8AF

#AF37C8

#C8AF37

Split Complementary

#37C8AF

#C83798

#C86737

Tetradic

#37C8AF

#6737C8

#C83750

#98C837

Color Blindness Simulation

Original

#37C8AF

Protanopia

#7677B5

Deuteranopia

#6D62B6

Tritanopia

#3EBABB

Achromatopsia

#A7A7A7

CSS Usage

background-color: #37C8AF;
color: #37C8AF;
border-color: #37C8AF;
Nearest Tailwind: Teal 400 #2DD4BF

Tailwind Shades

50
#F4FBFA
100
#E5F6F3
200
#C7F0E9
300
#9FE5D9
400
#6BD6C4
500
#37C8AF
600
#2CA08C
700
#238070
800
#1B6458
900
#184941
950
#0F2E29

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

10.04:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026