#2A375A

#2A375A

Color Values

HEX

#2A375A

RGB

42, 55, 90

HSL

223.8, 36.4%, 25.9%

HSV

223.8, 53.3%, 35.3%

CMYK

53.3%, 38.9%, 0.0%, 64.7%

OKLCH

0.3429 0.0641 267.5

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#2A375A

#5A4D2A

Analogous

#2A4F5A

#352A5A

#2A375A

Triadic

#2A375A

#5A2A37

#375A2A

Split Complementary

#2A375A

#5A352A

#4F5A2A

Tetradic

#2A375A

#5A2A4F

#5A4D2A

#2A5A35

Color Blindness Simulation

Original

#2A375A

Protanopia

#303052

Deuteranopia

#2F2E50

Tritanopia

#2B4B49

Achromatopsia

#373737

CSS Usage

background-color: #2A375A;
color: #2A375A;
border-color: #2A375A;
Nearest Tailwind: Sky 950 #082F49

Tailwind Shades

50
#F5F6FA
100
#E8EBF3
200
#CED5E8
300
#ACB8D8
400
#7E91C3
500
#516AAE
600
#41558B
700
#34446F
800
#293557
900
#212940
950
#151A29

Contrast Checker

Text on white

11.72:1

AA Pass AAA Pass

Text on black

1.79:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026