#2097AC

#2097AC

Color Values

HEX

#2097AC

RGB

32, 151, 172

HSL

189.0, 68.6%, 40.0%

HSV

189.0, 81.4%, 67.5%

CMYK

81.4%, 12.2%, 0.0%, 32.5%

OKLCH

0.624 0.1022 213.0

Properties

Cool Light Nearest: NCS S 1050-B20G Cyan

Color Harmonies

Complementary

#2097AC

#AC3520

Analogous

#20AC7B

#2051AC

#2097AC

Triadic

#2097AC

#AC2097

#97AC20

Split Complementary

#2097AC

#AC2051

#AC7B20

Tetradic

#2097AC

#7B20AC

#AC3520

#51AC20

Color Blindness Simulation

Original

#2097AC

Protanopia

#5455A7

Deuteranopia

#4D44A6

Tritanopia

#26A3A2

Achromatopsia

#7F7F7F

CSS Usage

background-color: #2097AC;
color: #2097AC;
border-color: #2097AC;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F3FAFC
100
#E3F4F8
200
#C3ECF4
300
#98DFEC
400
#60CEE1
500
#28BDD7
600
#2097AC
700
#1A798A
800
#145E6B
900
#13454E
950
#0C2C31

Contrast Checker

Text on white

3.45:1

AA Fail AAA Fail

Text on black

6.08:1

AA Pass AAA Fail

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