#2B3F78

#2B3F78

Color Values

HEX

#2B3F78

RGB

43, 63, 120

HSL

224.4, 47.2%, 32.0%

HSV

224.4, 64.2%, 47.1%

CMYK

64.2%, 47.5%, 0.0%, 52.9%

OKLCH

0.3826 0.1002 267.1

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#2B3F78

#78642B

Analogous

#2B6678

#3E2B78

#2B3F78

Triadic

#2B3F78

#782B3F

#3F782B

Split Complementary

#2B3F78

#783E2B

#66782B

Tetradic

#2B3F78

#782B66

#78642B

#2B783E

Color Blindness Simulation

Original

#2B3F78

Protanopia

#34346A

Deuteranopia

#323167

Tritanopia

#2C5F5D

Achromatopsia

#3F3F3F

CSS Usage

background-color: #2B3F78;
color: #2B3F78;
border-color: #2B3F78;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F4F6FA
100
#E6EAF4
200
#CAD3EC
300
#A5B4DF
400
#748BCD
500
#4363BC
600
#364F96
700
#2B3F78
800
#22315E
900
#1C2745
950
#12182C

Contrast Checker

Text on white

10.07:1

AA Pass AAA Pass

Text on black

2.08:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026