#392299

#392299

Color Values

HEX

#392299

RGB

57, 34, 153

HSL

251,6, 63,6%, 36,7%

HSV

251,6, 77,8%, 60,0%

CMYK

62,7%, 77,8%, 0,0%, 40,0%

OKLCH

0,3702 0,1792 282,0

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#392299

#829922

Analogous

#224799

#752299

#392299

Triadic

#392299

#993922

#229939

Split Complementary

#392299

#997522

#479922

Tetradic

#392299

#992247

#829922

#229975

Color Blindness Simulation

Original

#392299

Protanopia

#2F2F7C

Deuteranopia

#303275

Tritanopia

#386560

Achromatopsia

#2F2F2F

CSS Usage

background-color: #392299;
color: #392299;
border-color: #392299;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F5F3FB
100
#E7E4F7
200
#CDC5F2
300
#AA9BE9
400
#7C65DD
500
#4E2ED1
600
#3E25A7
700
#321E85
800
#271768
900
#1F154C
950
#140D30

Contrast Checker

Text on white

11,27:1

AA Pass AAA Pass

Text on black

1,86:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026