#392CDF

#392CDF

Color Values

HEX

#392CDF

RGB

57, 44, 223

HSL

244.4, 73.7%, 52.4%

HSV

244.4, 80.3%, 87.5%

CMYK

74.4%, 80.3%, 0.0%, 12.5%

OKLCH

0.4573 0.2517 273.3

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#392CDF

#D2DF2C

Analogous

#2C78DF

#932CDF

#392CDF

Triadic

#392CDF

#DF392C

#2CDF39

Split Complementary

#392CDF

#DF932C

#78DF2C

Tetradic

#392CDF

#DF2C78

#D2DF2C

#2CDF93

Color Blindness Simulation

Original

#392CDF

Protanopia

#3333B4

Deuteranopia

#3435A9

Tritanopia

#38918A

Achromatopsia

#3C3C3C

CSS Usage

background-color: #392CDF;
color: #392CDF;
border-color: #392CDF;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F3F3FC
100
#E4E2F8
200
#C5C1F6
300
#9B95EF
400
#655BE6
500
#2F22DD
600
#261BB1
700
#1E158E
800
#18116F
900
#151051
950
#0D0A33

Contrast Checker

Text on white

8.08:1

AA Pass AAA Pass

Text on black

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