#2F4366

#2F4366

Color Values

HEX

#2F4366

RGB

47, 67, 102

HSL

218.2, 36.9%, 29.2%

HSV

218.2, 53.9%, 40.0%

CMYK

53.9%, 34.3%, 0.0%, 60.0%

OKLCH

0.383 0.0653 261.1

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#2F4366

#66522F

Analogous

#2F5E66

#362F66

#2F4366

Triadic

#2F4366

#662F43

#43662F

Split Complementary

#2F4366

#66362F

#5E662F

Tetradic

#2F4366

#662F5E

#66522F

#2F6636

Color Blindness Simulation

Original

#2F4366

Protanopia

#38385E

Deuteranopia

#36355B

Tritanopia

#305755

Achromatopsia

#414141

CSS Usage

background-color: #2F4366;
color: #2F4366;
border-color: #2F4366;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F5F7FA
100
#E8ECF3
200
#CED8E8
300
#ABBCD8
400
#7E97C3
500
#5073AF
600
#405C8C
700
#334970
800
#283957
900
#202C41
950
#141C29

Contrast Checker

Text on white

9.93:1

AA Pass AAA Pass

Text on black

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