#98C5BF

#98C5BF

Color Values

HEX

#98C5BF

RGB

152, 197, 191

HSL

172.0, 28.0%, 68.4%

HSV

172.0, 22.8%, 77.3%

CMYK

22.8%, 0.0%, 3.0%, 22.7%

OKLCH

0.7897 0.0482 186.2

Properties

Cool Light Nearest: paleturquoise 3

Color Harmonies

Complementary

#98C5BF

#C5989E

Analogous

#98C5A8

#98B4C5

#98C5BF

Triadic

#98C5BF

#BF98C5

#C5BF98

Split Complementary

#98C5BF

#C598B4

#C5A898

Tetradic

#98C5BF

#A898C5

#C5989E

#B4C598

Color Blindness Simulation

Original

#98C5BF

Protanopia

#ABACC0

Deuteranopia

#A9A6C1

Tritanopia

#9AC2C2

Achromatopsia

#BBBBBB

CSS Usage

background-color: #98C5BF;
color: #98C5BF;
border-color: #98C5BF;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F6F9F9
100
#E9F1F0
200
#D1E5E3
300
#B1D3CE
400
#86BBB4
500
#5CA39A
600
#49837B
700
#3B6862
800
#2E524D
900
#243D39
950
#172624

Contrast Checker

Text on white

1.9:1

AA Fail AAA Fail

Text on black

11.07:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026