#645EBA

#645EBA

Color Values

HEX

#645EBA

RGB

100, 94, 186

HSL

243.9, 40.0%, 54.9%

HSV

243.9, 49.5%, 72.9%

CMYK

46.2%, 49.5%, 0.0%, 27.1%

OKLCH

0.533 0.1402 283.5

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#645EBA

#B4BA5E

Analogous

#5E86BA

#925EBA

#645EBA

Triadic

#645EBA

#BA645E

#5EBA64

Split Complementary

#645EBA

#BA925E

#86BA5E

Tetradic

#645EBA

#BA5E86

#B4BA5E

#5EBA92

Color Blindness Simulation

Original

#645EBA

Protanopia

#6161A4

Deuteranopia

#62629E

Tritanopia

#64928E

Achromatopsia

#666666

CSS Usage

background-color: #645EBA;
color: #645EBA;
border-color: #645EBA;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E8E7F3
200
#CFCDEA
300
#ADA9DA
400
#807BC6
500
#534CB2
600
#433D8F
700
#353172
800
#2A2659
900
#211F42
950
#15142A

Contrast Checker

Text on white

5.45:1

AA Pass AAA Fail

Text on black

3.85:1

AA Fail 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