#2F246F

#2F246F

Color Values

HEX

#2F246F

RGB

47, 36, 111

HSL

248.8, 51.0%, 28.8%

HSV

248.8, 67.6%, 43.5%

CMYK

57.7%, 67.6%, 0.0%, 56.5%

OKLCH

0.3228 0.1239 283.7

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#2F246F

#646F24

Analogous

#243E6F

#54246F

#2F246F

Triadic

#2F246F

#6F2F24

#246F2F

Split Complementary

#2F246F

#6F5424

#3E6F24

Tetradic

#2F246F

#6F243E

#646F24

#246F54

Color Blindness Simulation

Original

#2F246F

Protanopia

#2A2A5D

Deuteranopia

#2B2C58

Tritanopia

#2E4F4B

Achromatopsia

#2C2C2C

CSS Usage

background-color: #2F246F;
color: #2F246F;
border-color: #2F246F;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F5F4FB
100
#E8E5F5
200
#CEC9EE
300
#ACA3E1
400
#7F71D1
500
#523EC1
600
#41329A
700
#34287B
800
#291F60
900
#211A47
950
#15112D

Contrast Checker

Text on white

13.1:1

AA Pass AAA Pass

Text on black

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