#3E4ACD

#3E4ACD

Color Values

HEX

#3E4ACD

RGB

62, 74, 205

HSL

235.0, 58.8%, 52.4%

HSV

235.0, 69.8%, 80.4%

CMYK

69.8%, 63.9%, 0.0%, 19.6%

OKLCH

0.4846 0.1999 272.4

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#3E4ACD

#CDC13E

Analogous

#3E92CD

#7A3ECD

#3E4ACD

Triadic

#3E4ACD

#CD3E4A

#4ACD3E

Split Complementary

#3E4ACD

#CD7A3E

#92CD3E

Tetradic

#3E4ACD

#CD3E92

#CDC13E

#3ECD7A

Color Blindness Simulation

Original

#3E4ACD

Protanopia

#4343AD

Deuteranopia

#4242A6

Tritanopia

#3F948F

Achromatopsia

#515151

CSS Usage

background-color: #3E4ACD;
color: #3E4ACD;
border-color: #3E4ACD;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F4F4FB
100
#E4E6F6
200
#C6CAF0
300
#9EA4E6
400
#6972D8
500
#3541CA
600
#2A34A2
700
#222A82
800
#1A2165
900
#171B4A
950
#0E112F

Contrast Checker

Text on white

6.85:1

AA Pass AAA Fail

Text on black

3.07:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026