#2B4DA1

#2B4DA1

Color Values

HEX

#2B4DA1

RGB

43, 77, 161

HSL

222.7, 57.8%, 40.0%

HSV

222.7, 73.3%, 63.1%

CMYK

73.3%, 52.2%, 0.0%, 36.9%

OKLCH

0.4441 0.142 264.7

Properties

Cool Dark Nearest: NCS S 2060-B Deep Blue

Color Harmonies

Complementary

#2B4DA1

#A17F2B

Analogous

#2B88A1

#442BA1

#2B4DA1

Triadic

#2B4DA1

#A12B4D

#4DA12B

Split Complementary

#2B4DA1

#A1442B

#88A12B

Tetradic

#2B4DA1

#A12B88

#A17F2B

#2BA144

Color Blindness Simulation

Original

#2B4DA1

Protanopia

#3A3A8D

Deuteranopia

#383588

Tritanopia

#2D7D79

Achromatopsia

#4C4C4C

CSS Usage

background-color: #2B4DA1;
color: #2B4DA1;
border-color: #2B4DA1;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F4F6FB
100
#E4E9F6
200
#C7D3F0
300
#9EB3E5
400
#6A8AD7
500
#3660C9
600
#2B4DA1
700
#223E81
800
#1B3065
900
#17264A
950
#0F182F

Contrast Checker

Text on white

7.84:1

AA Pass AAA Pass

Text on black

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