#857CBF

#857CBF

Color Values

HEX

#857CBF

RGB

133, 124, 191

HSL

248.1, 34.4%, 61.8%

HSV

248.1, 35.1%, 74.9%

CMYK

30.4%, 35.1%, 0.0%, 25.1%

OKLCH

0.6214 0.1 289.3

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#857CBF

#B6BF7C

Analogous

#7C95BF

#A77CBF

#857CBF

Triadic

#857CBF

#BF857C

#7CBF85

Split Complementary

#857CBF

#BFA77C

#95BF7C

Tetradic

#857CBF

#BF7C95

#B6BF7C

#7CBFA7

Color Blindness Simulation

Original

#857CBF

Protanopia

#8181AF

Deuteranopia

#8282AB

Tritanopia

#85A29F

Achromatopsia

#838383

CSS Usage

background-color: #857CBF;
color: #857CBF;
border-color: #857CBF;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F6F5FA
100
#E9E8F2
200
#D2CFE8
300
#B2ADD7
400
#8980C1
500
#5F54AB
600
#4C4389
700
#3D366E
800
#302A56
900
#25213F
950
#181528

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

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