#889FCF

#889FCF

Color Values

HEX

#889FCF

RGB

136, 159, 207

HSL

220.6, 42.5%, 67.3%

HSV

220.6, 34.3%, 81.2%

CMYK

34.3%, 23.2%, 0.0%, 18.8%

OKLCH

0.7027 0.0754 264.6

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#889FCF

#CFB888

Analogous

#88C3CF

#9588CF

#889FCF

Triadic

#889FCF

#CF889F

#9FCF88

Split Complementary

#889FCF

#CF9588

#C3CF88

Tetradic

#889FCF

#CF88C3

#CFB888

#88CF95

Color Blindness Simulation

Original

#889FCF

Protanopia

#9292C3

Deuteranopia

#918FC1

Tritanopia

#89BAB8

Achromatopsia

#9E9E9E

CSS Usage

background-color: #889FCF;
color: #889FCF;
border-color: #889FCF;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F5F6FA
100
#E7EBF4
200
#CCD6EA
300
#A8B9DC
400
#7992C9
500
#496CB6
600
#3B5791
700
#2F4574
800
#25365B
900
#1E2A43
950
#131A2A

Contrast Checker

Text on white

2.66:1

AA Fail AAA Fail

Text on black

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