#988DB0

#988DB0

Color Values

HEX

#988DB0

RGB

152, 141, 176

HSL

258.9, 18.1%, 62.2%

HSV

258.9, 19.9%, 69.0%

CMYK

13.6%, 19.9%, 0.0%, 31.0%

OKLCH

0.6651 0.0525 299.3

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#988DB0

#A5B08D

Analogous

#8D94B0

#AA8DB0

#988DB0

Triadic

#988DB0

#B0988D

#8DB098

Split Complementary

#988DB0

#B0AA8D

#94B08D

Tetradic

#988DB0

#B08D94

#A5B08D

#8DB0AA

Color Blindness Simulation

Original

#988DB0

Protanopia

#9393A8

Deuteranopia

#9495A6

Tritanopia

#97A19F

Achromatopsia

#929292

CSS Usage

background-color: #988DB0;
color: #988DB0;
border-color: #988DB0;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F7F6F9
100
#ECEAF0
200
#D9D5E2
300
#BEB7CD
400
#9A90B2
500
#776897
600
#5F5478
700
#4C4360
800
#3B344B
900
#2E2938
950
#1D1A24

Contrast Checker

Text on white

3.1:1

AA Fail AAA Fail

Text on black

6.77:1

AA Pass AAA Fail

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