#1F166E

#1F166E

Color Values

HEX

#1F166E

RGB

31, 22, 110

HSL

246.1, 66.7%, 25.9%

HSV

246.1, 80.0%, 43.1%

CMYK

71.8%, 80.0%, 0.0%, 56.9%

OKLCH

0.2856 0.1425 277.0

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#1F166E

#656E16

Analogous

#16396E

#4B166E

#1F166E

Triadic

#1F166E

#6E1F16

#166E1F

Split Complementary

#1F166E

#6E4B16

#396E16

Tetradic

#1F166E

#6E1639

#656E16

#166E4B

Color Blindness Simulation

Original

#1F166E

Protanopia

#1B1B59

Deuteranopia

#1C1C54

Tritanopia

#1F4844

Achromatopsia

#1E1E1E

CSS Usage

background-color: #1F166E;
color: #1F166E;
border-color: #1F166E;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F4F3FC
100
#E5E3F7
200
#C8C3F3
300
#A199EB
400
#6F62E0
500
#3C2AD5
600
#3022AA
700
#261B88
800
#1E156A
900
#19134E
950
#100C31

Contrast Checker

Text on white

15.02:1

AA Pass AAA Pass

Text on black

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