#889DFC

#889DFC

Color Values

HEX

#889DFC

RGB

136, 157, 252

HSL

229.1, 95.1%, 76.1%

HSV

229.1, 46.0%, 98.8%

CMYK

46.0%, 37.7%, 0.0%, 1.2%

OKLCH

0.7201 0.1403 273.0

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#889DFC

#FCE788

Analogous

#88D7FC

#AD88FC

#889DFC

Triadic

#889DFC

#FC889D

#9DFC88

Split Complementary

#889DFC

#FCAD88

#D7FC88

Tetradic

#889DFC

#FC88D7

#FCE788

#88FCAD

Color Blindness Simulation

Original

#889DFC

Protanopia

#9191E5

Deuteranopia

#908EDF

Tritanopia

#89D3CF

Achromatopsia

#9F9F9F

CSS Usage

background-color: #889DFC;
color: #889DFC;
border-color: #889DFC;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F1F3FE
100
#DFE4FC
200
#B9C6FD
300
#889DFC
400
#4768FA
500
#0632F9
600
#0528C7
700
#04209F
800
#03197C
900
#07165A
950
#040E39

Contrast Checker

Text on white

2.54:1

AA Fail AAA Fail

Text on black

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