#2D36D2

#2D36D2

Color Values

HEX

#2D36D2

RGB

45, 54, 210

HSL

236,7, 64,7%, 50,0%

HSV

236,7, 78,6%, 82,4%

CMYK

78,6%, 74,3%, 0,0%, 17,6%

OKLCH

0,4493 0,2314 270,1

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#2D36D2

#D2C92D

Analogous

#2D89D2

#762DD2

#2D36D2

Triadic

#2D36D2

#D22D36

#36D22D

Split Complementary

#2D36D2

#D2762D

#89D22D

Tetradic

#2D36D2

#D22D89

#D2C92D

#2DD276

Color Blindness Simulation

Original

#2D36D2

Protanopia

#3131AC

Deuteranopia

#3030A3

Tritanopia

#2D8E88

Achromatopsia

#3F3F3F

CSS Usage

background-color: #2D36D2;
color: #2D36D2;
border-color: #2D36D2;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F3F4FC
100
#E3E4F7
200
#C4C7F2
300
#9A9FE9
400
#646ADE
500
#2D36D2
600
#242BA8
700
#1D2386
800
#171B69
900
#14174D
950
#0D0F30

Contrast Checker

Text on white

8,17:1

AA Pass AAA Pass

Text on black

2,57:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026