#818CB4

#818CB4

Color Values

HEX

#818CB4

RGB

129, 140, 180

HSL

227.1, 25.4%, 60.6%

HSV

227.1, 28.3%, 70.6%

CMYK

28.3%, 22.2%, 0.0%, 29.4%

OKLCH

0.6459 0.0613 272.6

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#818CB4

#B4A981

Analogous

#81A6B4

#9081B4

#818CB4

Triadic

#818CB4

#B4818C

#8CB481

Split Complementary

#818CB4

#B49081

#A6B481

Tetradic

#818CB4

#B481A6

#B4A981

#81B490

Color Blindness Simulation

Original

#818CB4

Protanopia

#8686AA

Deuteranopia

#8584A8

Tritanopia

#82A3A1

Achromatopsia

#8D8D8D

CSS Usage

background-color: #818CB4;
color: #818CB4;
border-color: #818CB4;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F6F9
100
#E9EBF1
200
#D2D6E4
300
#B2B9D1
400
#8993B9
500
#5F6DA0
600
#4C5780
700
#3D4666
800
#303750
900
#252A3C
950
#181B26

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

6.34:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026