#2C2BD5

#2C2BD5

Color Values

HEX

#2C2BD5

RGB

44, 43, 213

HSL

240.4, 66.9%, 50.2%

HSV

240.4, 79.8%, 83.5%

CMYK

79.3%, 79.8%, 0.0%, 16.5%

OKLCH

0.4381 0.2446 270.5

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#2C2BD5

#D4D52B

Analogous

#2B7FD5

#812BD5

#2C2BD5

Triadic

#2C2BD5

#D52C2B

#2BD52C

Split Complementary

#2C2BD5

#D5812B

#7FD52B

Tetradic

#2C2BD5

#D52B7F

#D4D52B

#2BD581

Color Blindness Simulation

Original

#2C2BD5

Protanopia

#2C2CAC

Deuteranopia

#2C2CA2

Tritanopia

#2C8B84

Achromatopsia

#373737

CSS Usage

background-color: #2C2BD5;
color: #2C2BD5;
border-color: #2C2BD5;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F3F3FC
100
#E3E3F7
200
#C4C3F3
300
#9999EB
400
#6262E0
500
#2B2AD5
600
#2322AA
700
#1C1B88
800
#16156A
900
#14134E
950
#0C0C31

Contrast Checker

Text on white

8.7:1

AA Pass AAA Pass

Text on black

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