#2A476B

#2A476B

Color Values

HEX

#2A476B

RGB

42, 71, 107

HSL

213.2, 43.6%, 29.2%

HSV

213.2, 60.7%, 42.0%

CMYK

60.7%, 33.6%, 0.0%, 58.0%

OKLCH

0.3928 0.0708 254.6

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#2A476B

#6B4E2A

Analogous

#2A676B

#2D2A6B

#2A476B

Triadic

#2A476B

#6B2A47

#476B2A

Split Complementary

#2A476B

#6B2D2A

#676B2A

Tetradic

#2A476B

#6B2A67

#6B4E2A

#2A6B2D

Color Blindness Simulation

Original

#2A476B

Protanopia

#373762

Deuteranopia

#353360

Tritanopia

#2B5B5A

Achromatopsia

#434343

CSS Usage

background-color: #2A476B;
color: #2A476B;
border-color: #2A476B;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F5F7FA
100
#E7ECF4
200
#CCDAEB
300
#A7BFDC
400
#789CCA
500
#487AB7
600
#3A6192
700
#2E4E75
800
#243D5C
900
#1D2E43
950
#131D2B

Contrast Checker

Text on white

9.49:1

AA Pass AAA Pass

Text on black

2.21:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026