#2098AC

#2098AC

Color Values

HEX

#2098AC

RGB

32, 152, 172

HSL

188.6, 68.6%, 40.0%

HSV

188.6, 81.4%, 67.5%

CMYK

81.4%, 11.6%, 0.0%, 32.5%

OKLCH

0.6265 0.1023 212.1

Properties

Cool Light Nearest: NCS S 1050-B20G Cyan

Color Harmonies

Complementary

#2098AC

#AC3420

Analogous

#20AC7A

#2052AC

#2098AC

Triadic

#2098AC

#AC2098

#98AC20

Split Complementary

#2098AC

#AC2052

#AC7A20

Tetradic

#2098AC

#7A20AC

#AC3420

#52AC20

Color Blindness Simulation

Original

#2098AC

Protanopia

#5455A7

Deuteranopia

#4D44A6

Tritanopia

#26A3A2

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F3FBFC
100
#E3F5F8
200
#C3EDF4
300
#98E0EC
400
#60CFE1
500
#28BED7
600
#2098AC
700
#1A7A8A
800
#145F6B
900
#13464E
950
#0C2C31

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

6.15:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026