#3E48CD

#3E48CD

Color Values

HEX

#3E48CD

RGB

62, 72, 205

HSL

235.8, 58.8%, 52.4%

HSV

235.8, 69.8%, 80.4%

CMYK

69.8%, 64.9%, 0.0%, 19.6%

OKLCH

0.4812 0.2022 272.7

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#3E48CD

#CDC33E

Analogous

#3E90CD

#7C3ECD

#3E48CD

Triadic

#3E48CD

#CD3E48

#48CD3E

Split Complementary

#3E48CD

#CD7C3E

#90CD3E

Tetradic

#3E48CD

#CD3E90

#CDC33E

#3ECD7C

Color Blindness Simulation

Original

#3E48CD

Protanopia

#4242AD

Deuteranopia

#4241A5

Tritanopia

#3E938E

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E4E5F6
200
#C6C9F0
300
#9EA3E6
400
#6971D8
500
#353FCA
600
#2A32A2
700
#222882
800
#1A2065
900
#171A4A
950
#0E112F

Contrast Checker

Text on white

6.97:1

AA Pass AAA Fail

Text on black

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