#1F1973

#1F1973

Color Values

HEX

#1F1973

RGB

31, 25, 115

HSL

244.0, 64.3%, 27.5%

HSV

244.0, 78.3%, 45.1%

CMYK

73.0%, 78.3%, 0.0%, 54.9%

OKLCH

0.2957 0.146 275.6

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#1F1973

#6D7319

Analogous

#194073

#4C1973

#1F1973

Triadic

#1F1973

#731F19

#19731F

Split Complementary

#1F1973

#734C19

#407319

Tetradic

#1F1973

#731940

#6D7319

#19734C

Color Blindness Simulation

Original

#1F1973

Protanopia

#1C1C5D

Deuteranopia

#1D1D58

Tritanopia

#1F4C48

Achromatopsia

#212121

CSS Usage

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

Tailwind Shades

50
#F4F3FC
100
#E5E3F7
200
#C7C4F2
300
#A09AE9
400
#6C64DD
500
#382ED1
600
#2D24A8
700
#241D86
800
#1C1769
900
#18144C
950
#0F0D30

Contrast Checker

Text on white

14.53:1

AA Pass AAA Pass

Text on black

1.44:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026