#2042DF

#2042DF

Color Values

HEX

#2042DF

RGB

32, 66, 223

HSL

229.3, 74.9%, 50.0%

HSV

229.3, 85.7%, 87.5%

CMYK

85.7%, 70.4%, 0.0%, 12.5%

OKLCH

0.4756 0.2381 266.3

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#2042DF

#DFBD20

Analogous

#20A2DF

#5D20DF

#2042DF

Triadic

#2042DF

#DF2042

#42DF20

Split Complementary

#2042DF

#DF5D20

#A2DF20

Tetradic

#2042DF

#DF20A2

#DFBD20

#20DF5D

Color Blindness Simulation

Original

#2042DF

Protanopia

#2F2FB9

Deuteranopia

#2D2AB0

Tritanopia

#229B94

Achromatopsia

#464646

CSS Usage

background-color: #2042DF;
color: #2042DF;
border-color: #2042DF;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F2F4FC
100
#E2E6F9
200
#C1CAF6
300
#94A4F0
400
#5A73E7
500
#2042DF
600
#1A35B2
700
#142A8F
800
#10216F
900
#101B51
950
#0A1133

Contrast Checker

Text on white

7.23:1

AA Pass AAA Pass

Text on black

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