#4031CE

#4031CE

Color Values

HEX

#4031CE

RGB

64, 49, 206

HSL

245.7, 61.6%, 50.0%

HSV

245.7, 76.2%, 80.8%

CMYK

68.9%, 76.2%, 0.0%, 19.2%

OKLCH

0.4494 0.2266 276.4

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#4031CE

#BFCE31

Analogous

#3171CE

#8E31CE

#4031CE

Triadic

#4031CE

#CE4031

#31CE40

Split Complementary

#4031CE

#CE8E31

#71CE31

Tetradic

#4031CE

#CE3171

#BFCE31

#31CE8E

Color Blindness Simulation

Original

#4031CE

Protanopia

#3A39A8

Deuteranopia

#3A3C9F

Tritanopia

#3F8A83

Achromatopsia

#404040

CSS Usage

background-color: #4031CE;
color: #4031CE;
border-color: #4031CE;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F4F3FB
100
#E6E4F6
200
#C9C5F1
300
#A39CE7
400
#7267DB
500
#4031CE
600
#3327A5
700
#291F84
800
#201867
900
#1B164B
950
#110E30

Contrast Checker

Text on white

8.24:1

AA Pass AAA Pass

Text on black

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