#0224FD

#0224FD

Color Values

HEX

#0224FD

RGB

2, 36, 253

HSL

231.9, 98.4%, 50.0%

HSV

231.9, 99.2%, 99.2%

CMYK

99.2%, 85.8%, 0.0%, 0.8%

OKLCH

0.4679 0.2987 264.3

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#0224FD

#FDDB02

Analogous

#02A1FD

#5E02FD

#0224FD

Triadic

#0224FD

#FD0224

#24FD02

Split Complementary

#0224FD

#FD5E02

#A1FD02

Tetradic

#0224FD

#FD02A1

#FDDB02

#02FD5E

Color Blindness Simulation

Original

#0224FD

Protanopia

#1111C9

Deuteranopia

#0F0CBC

Tritanopia

#049F96

Achromatopsia

#2C2C2C

CSS Usage

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

Tailwind Shades

50
#F1F3FE
100
#DEE2FC
200
#B8C2FE
300
#8696FE
400
#445DFD
500
#0224FD
600
#021DCA
700
#0117A2
800
#01127E
900
#06115B
950
#040B3A

Contrast Checker

Text on white

7.86:1

AA Pass AAA Pass

Text on black

2.67:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026