#857FCC

#857FCC

Color Values

HEX

#857FCC

RGB

133, 127, 204

HSL

244.7, 43.0%, 64.9%

HSV

244.7, 37.7%, 80.0%

CMYK

34.8%, 37.7%, 0.0%, 20.0%

OKLCH

0.6338 0.1141 286.2

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#857FCC

#C6CC7F

Analogous

#7F9FCC

#AC7FCC

#857FCC

Triadic

#857FCC

#CC857F

#7FCC85

Split Complementary

#857FCC

#CCAC7F

#9FCC7F

Tetradic

#857FCC

#CC7F9F

#C6CC7F

#7FCCAC

Color Blindness Simulation

Original

#857FCC

Protanopia

#8282B9

Deuteranopia

#8383B5

Tritanopia

#85ABA7

Achromatopsia

#868686

CSS Usage

background-color: #857FCC;
color: #857FCC;
border-color: #857FCC;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F5FA
100
#E8E7F4
200
#CECCEB
300
#ACA7DC
400
#7E78C9
500
#5149B6
600
#413A92
700
#342F75
800
#29245B
900
#211E43
950
#15132A

Contrast Checker

Text on white

3.56:1

AA Fail AAA Fail

Text on black

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