#323FF9

#323FF9

Color Values

HEX

#323FF9

RGB

50, 63, 249

HSL

236.1, 94.3%, 58.6%

HSV

236.1, 79.9%, 97.6%

CMYK

79.9%, 74.7%, 0.0%, 2.4%

OKLCH

0.5047 0.267 269.2

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#323FF9

#F9EC32

Analogous

#32A2F9

#8832F9

#323FF9

Triadic

#323FF9

#F9323F

#3FF932

Split Complementary

#323FF9

#F98832

#A2F932

Tetradic

#323FF9

#F932A2

#F9EC32

#32F988

Color Blindness Simulation

Original

#323FF9

Protanopia

#3838CC

Deuteranopia

#3736C1

Tritanopia

#33A8A1

Achromatopsia

#4A4A4A

CSS Usage

background-color: #323FF9;
color: #323FF9;
border-color: #323FF9;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F1F2FD
100
#DFE1FB
200
#BABEFD
300
#8890FC
400
#4853FA
500
#0717F8
600
#0612C6
700
#050F9F
800
#040B7C
900
#070D5A
950
#050839

Contrast Checker

Text on white

6.53:1

AA Pass AAA Fail

Text on black

3.21:1

AA Fail AAA Fail

Related Articles

Tutorials

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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026