#98E3DC

#98E3DC

Color Values

HEX

#98E3DC

RGB

152, 227, 220

HSL

174.4, 57.3%, 74.3%

HSV

174.4, 33.0%, 89.0%

CMYK

33.0%, 0.0%, 3.1%, 11.0%

OKLCH

0.8649 0.075 188.5

Properties

Cool Light Nearest: paleturquoise 2

Color Harmonies

Complementary

#98E3DC

#E3989F

Analogous

#98E3B6

#98C4E3

#98E3DC

Triadic

#98E3DC

#DC98E3

#E3DC98

Split Complementary

#98E3DC

#E398C4

#E3B698

Tetradic

#98E3DC

#B698E3

#E3989F

#C4E398

Color Blindness Simulation

Original

#98E3DC

Protanopia

#B8B9DE

Deuteranopia

#B4AEDE

Tritanopia

#9CDFDF

Achromatopsia

#D3D3D3

CSS Usage

background-color: #98E3DC;
color: #98E3DC;
border-color: #98E3DC;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F4FBFA
100
#E4F6F4
200
#C7F0EC
300
#9FE5DE
400
#6BD7CD
500
#36C9BB
600
#2CA096
700
#238078
800
#1B645D
900
#174945
950
#0F2E2B

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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