#2F3166

#2F3166

Color Values

HEX

#2F3166

RGB

47, 49, 102

HSL

237.8, 36.9%, 29.2%

HSV

237.8, 53.9%, 40.0%

CMYK

53.9%, 52.0%, 0.0%, 60.0%

OKLCH

0.3411 0.0911 278.8

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#2F3166

#66642F

Analogous

#2F4C66

#482F66

#2F3166

Triadic

#2F3166

#662F31

#31662F

Split Complementary

#2F3166

#66482F

#4C662F

Tetradic

#2F3166

#662F4C

#66642F

#2F6648

Color Blindness Simulation

Original

#2F3166

Protanopia

#303059

Deuteranopia

#303056

Tritanopia

#2F4F4D

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#CECFE8
300
#ABADD8
400
#7E80C3
500
#5054AF
600
#40438C
700
#333670
800
#282A57
900
#202241
950
#141529

Contrast Checker

Text on white

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