#889EFC

#889EFC

Color Values

HEX

#889EFC

RGB

136, 158, 252

HSL

228.6, 95.1%, 76.1%

HSV

228.6, 46.0%, 98.8%

CMYK

46.0%, 37.3%, 0.0%, 1.2%

OKLCH

0.722 0.1391 272.5

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#889EFC

#FCE688

Analogous

#88D8FC

#AC88FC

#889EFC

Triadic

#889EFC

#FC889E

#9EFC88

Split Complementary

#889EFC

#FCAC88

#D8FC88

Tetradic

#889EFC

#FC88D8

#FCE688

#88FCAC

Color Blindness Simulation

Original

#889EFC

Protanopia

#9292E5

Deuteranopia

#908FE0

Tritanopia

#89D3CF

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#F1F4FE
100
#DFE4FC
200
#B9C6FD
300
#889EFC
400
#4769FA
500
#0634F9
600
#052AC7
700
#04219F
800
#031A7C
900
#07175A
950
#040E39

Contrast Checker

Text on white

2.52:1

AA Fail AAA Fail

Text on black

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