#98B8B2

#98B8B2

Color Values

HEX

#98B8B2

RGB

152, 184, 178

HSL

168.8, 18.4%, 65.9%

HSV

168.8, 17.4%, 72.2%

CMYK

17.4%, 0.0%, 3.3%, 27.8%

OKLCH

0.7571 0.0358 182.7

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#98B8B2

#B8989E

Analogous

#98B8A2

#98AEB8

#98B8B2

Triadic

#98B8B2

#B298B8

#B8B298

Split Complementary

#98B8B2

#B898AE

#B8A298

Tetradic

#98B8B2

#A298B8

#B8989E

#AEB898

Color Blindness Simulation

Original

#98B8B2

Protanopia

#A6A6B3

Deuteranopia

#A4A2B4

Tritanopia

#9AB5B5

Achromatopsia

#B1B1B1

CSS Usage

background-color: #98B8B2;
color: #98B8B2;
border-color: #98B8B2;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F6F9F8
100
#EAF0EF
200
#D5E2DF
300
#B7CDC9
400
#8FB2AC
500
#68978E
600
#537972
700
#43615B
800
#344B47
900
#283835
950
#1A2422

Contrast Checker

Text on white

2.14:1

AA Fail AAA Fail

Text on black

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