#98B1DB

#98B1DB

Color Values

HEX

#98B1DB

RGB

152, 177, 219

HSL

217.6, 48.2%, 72.7%

HSV

217.6, 30.6%, 85.9%

CMYK

30.6%, 19.2%, 0.0%, 14.1%

OKLCH

0.7563 0.0668 260.7

Properties

Cool Light Nearest: Wild Blue Yonder

Color Harmonies

Complementary

#98B1DB

#DBC298

Analogous

#98D2DB

#A098DB

#98B1DB

Triadic

#98B1DB

#DB98B1

#B1DB98

Split Complementary

#98B1DB

#DBA098

#D2DB98

Tetradic

#98B1DB

#DB98D2

#DBC298

#98DBA0

Color Blindness Simulation

Original

#98B1DB

Protanopia

#A3A3D1

Deuteranopia

#A1A0CE

Tritanopia

#99C9C7

Achromatopsia

#AFAFAF

CSS Usage

background-color: #98B1DB;
color: #98B1DB;
border-color: #98B1DB;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F4F7FA
100
#E6EBF4
200
#CAD7ED
300
#A4BADF
400
#7395CE
500
#4270BD
600
#355A97
700
#2A4879
800
#21385E
900
#1B2B45
950
#111B2C

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

9.65:1

AA Pass AAA Pass

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