#818CCC

#818CCC

Color Values

HEX

#818CCC

RGB

129, 140, 204

HSL

231,2, 42,4%, 65,3%

HSV

231,2, 36,8%, 80,0%

CMYK

36,8%, 31,4%, 0,0%, 20,0%

OKLCH

0,6568 0,0963 276,0

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#818CCC

#CCC181

Analogous

#81B2CC

#9C81CC

#818CCC

Triadic

#818CCC

#CC818C

#8CCC81

Split Complementary

#818CCC

#CC9C81

#B2CC81

Tetradic

#818CCC

#CC81B2

#CCC181

#81CC9C

Color Blindness Simulation

Original

#818CCC

Protanopia

#8686BD

Deuteranopia

#8584B9

Tritanopia

#82B0AE

Achromatopsia

#8E8E8E

CSS Usage

background-color: #818CCC;
color: #818CCC;
border-color: #818CCC;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F5F5FA
100
#E7E9F4
200
#CCD1EA
300
#A8AFDC
400
#7984C9
500
#4959B6
600
#3B4791
700
#2F3974
800
#252D5B
900
#1E2343
950
#13162A

Contrast Checker

Text on white

3,2:1

AA Fail AAA Fail

Text on black

6,56:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026
Tutorials

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

يناير 18, 2026