#889DCB

#889DCB

Color Values

HEX

#889DCB

RGB

136, 157, 203

HSL

221.2, 39.2%, 66.5%

HSV

221.2, 33.0%, 79.6%

CMYK

33.0%, 22.7%, 0.0%, 20.4%

OKLCH

0.6967 0.072 265.5

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#889DCB

#CBB688

Analogous

#88BFCB

#9588CB

#889DCB

Triadic

#889DCB

#CB889D

#9DCB88

Split Complementary

#889DCB

#CB9588

#BFCB88

Tetradic

#889DCB

#CB88BF

#CBB688

#88CB95

Color Blindness Simulation

Original

#889DCB

Protanopia

#9191C0

Deuteranopia

#908EBD

Tritanopia

#89B7B5

Achromatopsia

#9C9C9C

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E7EBF3
200
#CDD6E9
300
#AAB9DA
400
#7C93C6
500
#4E6DB1
600
#3E578E
700
#324672
800
#273659
900
#1F2A42
950
#141B29

Contrast Checker

Text on white

2.72:1

AA Fail AAA Fail

Text on black

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