#2F4572

#2F4572

Color Values

HEX

#2F4572

RGB

47, 69, 114

HSL

220.3, 41.6%, 31.6%

HSV

220.3, 58.8%, 44.7%

CMYK

58.8%, 39.5%, 0.0%, 55.3%

OKLCH

0.3951 0.0814 263.4

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#2F4572

#725C2F

Analogous

#2F6772

#3B2F72

#2F4572

Triadic

#2F4572

#722F45

#45722F

Split Complementary

#2F4572

#723B2F

#67722F

Tetradic

#2F4572

#722F67

#725C2F

#2F723B

Color Blindness Simulation

Original

#2F4572

Protanopia

#393967

Deuteranopia

#373664

Tritanopia

#305F5D

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E7EBF3
200
#CCD6EA
300
#A8B9DB
400
#7993C8
500
#4A6DB5
600
#3C5790
700
#304674
800
#25375A
900
#1E2A43
950
#131B2A

Contrast Checker

Text on white

9.48:1

AA Pass AAA Pass

Text on black

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