#3954CD

#3954CD

Color Values

HEX

#3954CD

RGB

57, 84, 205

HSL

229.1, 59.7%, 51.4%

HSV

229.1, 72.2%, 80.4%

CMYK

72.2%, 59.0%, 0.0%, 19.6%

OKLCH

0.5 0.1894 268.8

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#3954CD

#CDB239

Analogous

#399ECD

#6839CD

#3954CD

Triadic

#3954CD

#CD3954

#54CD39

Split Complementary

#3954CD

#CD6839

#9ECD39

Tetradic

#3954CD

#CD399E

#CDB239

#39CD68

Color Blindness Simulation

Original

#3954CD

Protanopia

#4545B0

Deuteranopia

#4341A9

Tritanopia

#3A9994

Achromatopsia

#575757

CSS Usage

background-color: #3954CD;
color: #3954CD;
border-color: #3954CD;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F3F5FB
100
#E4E7F6
200
#C6CEF1
300
#9DABE6
400
#687DD9
500
#334FCC
600
#293FA3
700
#213382
800
#1A2866
900
#16204A
950
#0E142F

Contrast Checker

Text on white

6.32:1

AA Pass AAA Fail

Text on black

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