#889DC1

#889DC1

Color Values

HEX

#889DC1

RGB

136, 157, 193

HSL

217.9, 31.5%, 64.5%

HSV

217.9, 29.5%, 75.7%

CMYK

29.5%, 18.7%, 0.0%, 24.3%

OKLCH

0.6926 0.0583 261.1

Properties

Cool Light Nearest: Wild Blue Yonder

Color Harmonies

Complementary

#889DC1

#C1AC88

Analogous

#88B9C1

#8F88C1

#889DC1

Triadic

#889DC1

#C1889D

#9DC188

Split Complementary

#889DC1

#C18F88

#B9C188

Tetradic

#889DC1

#C188B9

#C1AC88

#88C18F

Color Blindness Simulation

Original

#889DC1

Protanopia

#9191B8

Deuteranopia

#908EB6

Tritanopia

#89B1B0

Achromatopsia

#9B9B9B

CSS Usage

background-color: #889DC1;
color: #889DC1;
border-color: #889DC1;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F7F9
100
#E8ECF2
200
#D0D8E7
300
#AFBDD5
400
#8399BE
500
#5775A8
600
#465E86
700
#384B6B
800
#2C3A54
900
#232D3E
950
#161C27

Contrast Checker

Text on white

2.75:1

AA Fail AAA Fail

Text on black

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