#2324FC

#2324FC

Color Values

HEX

#2324FC

RGB

35, 36, 252

HSL

239.7, 97.3%, 56.3%

HSV

239.7, 86.1%, 98.8%

CMYK

86.1%, 85.7%, 0.0%, 1.2%

OKLCH

0.4734 0.293 267.5

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#2324FC

#FCFB23

Analogous

#2391FC

#8E23FC

#2324FC

Triadic

#2324FC

#FC2324

#24FC23

Split Complementary

#2324FC

#FC8E23

#91FC23

Tetradic

#2324FC

#FC2391

#FCFB23

#23FC8E

Color Blindness Simulation

Original

#2324FC

Protanopia

#2323C8

Deuteranopia

#2323BB

Tritanopia

#239E95

Achromatopsia

#333333

CSS Usage

background-color: #2324FC;
color: #2324FC;
border-color: #2324FC;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F1F1FE
100
#DEDFFC
200
#B9B9FE
300
#8687FD
400
#4546FC
500
#0305FC
600
#0304C9
700
#0203A1
800
#02027E
900
#06065B
950
#040439

Contrast Checker

Text on white

7.69:1

AA Pass AAA Pass

Text on black

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