#2B45D4

#2B45D4

Color Values

HEX

#2B45D4

RGB

43, 69, 212

HSL

230.8, 66.3%, 50.0%

HSV

230.8, 79.7%, 83.1%

CMYK

79.7%, 67.5%, 0.0%, 16.9%

OKLCH

0.4734 0.2191 268.0

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#2B45D4

#D4BA2B

Analogous

#2B99D4

#662BD4

#2B45D4

Triadic

#2B45D4

#D42B45

#45D42B

Split Complementary

#2B45D4

#D4662B

#99D42B

Tetradic

#2B45D4

#D42B99

#D4BA2B

#2BD466

Color Blindness Simulation

Original

#2B45D4

Protanopia

#3636B1

Deuteranopia

#3533A9

Tritanopia

#2C9690

Achromatopsia

#4A4A4A

CSS Usage

background-color: #2B45D4;
color: #2B45D4;
border-color: #2B45D4;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F3F4FC
100
#E3E6F7
200
#C4CBF3
300
#99A6EA
400
#6275DF
500
#2B45D4
600
#2237AA
700
#1B2C88
800
#15226A
900
#141C4D
950
#0C1231

Contrast Checker

Text on white

7.23:1

AA Pass AAA Pass

Text on black

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