#889CCD

#889CCD

Color Values

HEX

#889CCD

RGB

136, 156, 205

HSL

222.6, 40.8%, 66.9%

HSV

222.6, 33.7%, 80.4%

CMYK

33.7%, 23.9%, 0.0%, 19.6%

OKLCH

0.6955 0.0759 267.2

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#889CCD

#CDB988

Analogous

#88BFCD

#9788CD

#889CCD

Triadic

#889CCD

#CD889C

#9CCD88

Split Complementary

#889CCD

#CD9788

#BFCD88

Tetradic

#889CCD

#CD88BF

#CDB988

#88CD97

Color Blindness Simulation

Original

#889CCD

Protanopia

#9191C1

Deuteranopia

#908EBE

Tritanopia

#89B8B6

Achromatopsia

#9B9B9B

CSS Usage

background-color: #889CCD;
color: #889CCD;
border-color: #889CCD;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F5F6FA
100
#E7EBF3
200
#CDD5EA
300
#A9B7DB
400
#7A90C7
500
#4B6AB4
600
#3C5590
700
#304473
800
#26355A
900
#1F2942
950
#131A2A

Contrast Checker

Text on white

2.73:1

AA Fail AAA Fail

Text on black

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