#2E63AD

#2E63AD

Color Values

HEX

#2E63AD

RGB

46, 99, 173

HSL

215.0, 58.0%, 42.9%

HSV

215.0, 73.4%, 67.8%

CMYK

73.4%, 42.8%, 0.0%, 32.2%

OKLCH

0.5026 0.1309 257.4

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#2E63AD

#AD782E

Analogous

#2EA2AD

#392EAD

#2E63AD

Triadic

#2E63AD

#AD2E63

#63AD2E

Split Complementary

#2E63AD

#AD392E

#A2AD2E

Tetradic

#2E63AD

#AD2EA2

#AD782E

#2EAD39

Color Blindness Simulation

Original

#2E63AD

Protanopia

#45459B

Deuteranopia

#423E97

Tritanopia

#318D8A

Achromatopsia

#5D5D5D

CSS Usage

background-color: #2E63AD;
color: #2E63AD;
border-color: #2E63AD;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F4F7FB
100
#E4ECF6
200
#C7D8F0
300
#9EBCE5
400
#6A98D7
500
#3673C9
600
#2B5CA1
700
#224A81
800
#1B3A65
900
#172C4A
950
#0F1C2F

Contrast Checker

Text on white

5.99:1

AA Pass AAA Fail

Text on black

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