#2F3458

#2F3458

Color Values

HEX

#2F3458

RGB

47, 52, 88

HSL

232.7, 30.4%, 26.5%

HSV

232.7, 46.6%, 34.5%

CMYK

46.6%, 40.9%, 0.0%, 65.5%

OKLCH

0.3384 0.0635 276.5

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#2F3458

#58532F

Analogous

#2F4958

#3F2F58

#2F3458

Triadic

#2F3458

#582F34

#34582F

Split Complementary

#2F3458

#583F2F

#49582F

Tetradic

#2F3458

#582F49

#58532F

#2F583F

Color Blindness Simulation

Original

#2F3458

Protanopia

#31314F

Deuteranopia

#31304D

Tritanopia

#2F4847

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#F5F6F9
100
#E9EAF2
200
#D0D3E6
300
#AFB4D4
400
#848BBD
500
#5962A6
600
#474F85
700
#393F6A
800
#2C3153
900
#23263E
950
#161827

Contrast Checker

Text on white

11.98:1

AA Pass AAA Pass

Text on black

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