#20AFB0

#20AFB0

Color Values

HEX

#20AFB0

RGB

32, 175, 176

HSL

180.4, 69.2%, 40.8%

HSV

180.4, 81.8%, 69.0%

CMYK

81.8%, 0.6%, 0.0%, 31.0%

OKLCH

0.6857 0.1113 195.6

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#20AFB0

#B02120

Analogous

#20B069

#2067B0

#20AFB0

Triadic

#20AFB0

#B020AF

#AFB020

Split Complementary

#20AFB0

#B02067

#B06920

Tetradic

#20AFB0

#6920B0

#B02120

#67B020

Color Blindness Simulation

Original

#20AFB0

Protanopia

#5E5FB0

Deuteranopia

#564BB0

Tritanopia

#27B0B0

Achromatopsia

#919191

CSS Usage

background-color: #20AFB0;
color: #20AFB0;
border-color: #20AFB0;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F3FCFC
100
#E3F8F8
200
#C3F4F4
300
#97ECEC
400
#5FE1E2
500
#27D7D8
600
#1FACAD
700
#19898A
800
#146B6C
900
#124E4F
950
#0C3132

Contrast Checker

Text on white

2.69:1

AA Fail AAA Fail

Text on black

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