#2724FD

#2724FD

Color Values

HEX

#2724FD

RGB

39, 36, 253

HSL

240.8, 98.2%, 56.7%

HSV

240.8, 85.8%, 99.2%

CMYK

84.6%, 85.8%, 0.0%, 0.8%

OKLCH

0.476 0.2932 268.1

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#2724FD

#FAFD24

Analogous

#248EFD

#9324FD

#2724FD

Triadic

#2724FD

#FD2724

#24FD27

Split Complementary

#2724FD

#FD9324

#8EFD24

Tetradic

#2724FD

#FD248E

#FAFD24

#24FD93

Color Blindness Simulation

Original

#2724FD

Protanopia

#2626C9

Deuteranopia

#2626BC

Tritanopia

#279F96

Achromatopsia

#343434

CSS Usage

background-color: #2724FD;
color: #2724FD;
border-color: #2724FD;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F1F1FE
100
#DFDEFC
200
#B9B8FE
300
#8786FE
400
#4644FD
500
#0602FD
600
#0502CA
700
#0401A2
800
#03017E
900
#07065B
950
#04043A

Contrast Checker

Text on white

7.62:1

AA Pass AAA Pass

Text on black

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