#888DAF

#888DAF

Color Values

HEX

#888DAF

RGB

136, 141, 175

HSL

232.3, 19.6%, 61.0%

HSV

232.3, 22.3%, 68.6%

CMYK

22.3%, 19.4%, 0.0%, 31.4%

OKLCH

0.6514 0.051 278.3

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#888DAF

#AFAA88

Analogous

#88A1AF

#9788AF

#888DAF

Triadic

#888DAF

#AF888D

#8DAF88

Split Complementary

#888DAF

#AF9788

#A1AF88

Tetradic

#888DAF

#AF88A1

#AFAA88

#88AF97

Color Blindness Simulation

Original

#888DAF

Protanopia

#8A8AA7

Deuteranopia

#8A8AA5

Tritanopia

#88A09F

Achromatopsia

#8E8E8E

CSS Usage

background-color: #888DAF;
color: #888DAF;
border-color: #888DAF;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F6F9
100
#EAEBF0
200
#D4D6E2
300
#B6B9CE
400
#8E93B3
500
#676D98
600
#52577A
700
#424662
800
#33364C
900
#282A39
950
#191B24

Contrast Checker

Text on white

3.24:1

AA Fail AAA Fail

Text on black

6.48:1

AA Pass AAA Fail

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