#2C2C90

#2C2C90

Color Values

HEX

#2C2C90

RGB

44, 44, 144

HSL

240.0, 53.2%, 36.9%

HSV

240.0, 69.4%, 56.5%

CMYK

69.4%, 69.4%, 0.0%, 43.5%

OKLCH

0.3656 0.1597 275.1

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#2C2C90

#90902C

Analogous

#2C5E90

#5E2C90

#2C2C90

Triadic

#2C2C90

#902C2C

#2C902C

Split Complementary

#2C2C90

#905E2C

#5E902C

Tetradic

#2C2C90

#902C5E

#90902C

#2C905E

Color Blindness Simulation

Original

#2C2C90

Protanopia

#2C2C78

Deuteranopia

#2C2C72

Tritanopia

#2C6560

Achromatopsia

#333333

CSS Usage

background-color: #2C2C90;
color: #2C2C90;
border-color: #2C2C90;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F4F4FB
100
#E5E5F5
200
#C8C8EE
300
#A1A1E2
400
#6E6ED3
500
#3C3CC3
600
#30309C
700
#26267D
800
#1E1E62
900
#191948
950
#10102D

Contrast Checker

Text on white

11.23:1

AA Pass AAA Pass

Text on black

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