#1F2176

#1F2176

Color Values

HEX

#1F2176

RGB

31, 33, 118

HSL

238.6, 58.4%, 29.2%

HSV

238.6, 73.7%, 46.3%

CMYK

73.7%, 72.0%, 0.0%, 53.7%

OKLCH

0.3118 0.141 273.6

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#1F2176

#76741F

Analogous

#1F4C76

#481F76

#1F2176

Triadic

#1F2176

#761F21

#21761F

Split Complementary

#1F2176

#76481F

#4C761F

Tetradic

#1F2176

#761F4C

#76741F

#1F7648

Color Blindness Simulation

Original

#1F2176

Protanopia

#202061

Deuteranopia

#20205C

Tritanopia

#1F514E

Achromatopsia

#272727

CSS Usage

background-color: #1F2176;
color: #1F2176;
border-color: #1F2176;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F4F4FB
100
#E4E5F6
200
#C6C7F0
300
#9EA0E6
400
#6A6CD8
500
#3539CA
600
#2A2DA2
700
#222481
800
#1B1C65
900
#17184A
950
#0F0F2F

Contrast Checker

Text on white

13.66:1

AA Pass AAA Pass

Text on black

1.54:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026