#1F1EB3

#1F1EB3

Color Values

HEX

#1F1EB3

RGB

31, 30, 179

HSL

240.4, 71.3%, 41.0%

HSV

240.4, 83.2%, 70.2%

CMYK

82.7%, 83.2%, 0.0%, 29.8%

OKLCH

0.3776 0.2193 269.5

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#1F1EB3

#B2B31E

Analogous

#1E68B3

#6A1EB3

#1F1EB3

Triadic

#1F1EB3

#B31F1E

#1EB31F

Split Complementary

#1F1EB3

#B36A1E

#68B31E

Tetradic

#1F1EB3

#B31E68

#B2B31E

#1EB36A

Color Blindness Simulation

Original

#1F1EB3

Protanopia

#1F1F8F

Deuteranopia

#1F1F86

Tritanopia

#1F726C

Achromatopsia

#292929

CSS Usage

background-color: #1F1EB3;
color: #1F1EB3;
border-color: #1F1EB3;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F3F3FC
100
#E2E2F8
200
#C2C2F5
300
#9796ED
400
#5E5DE4
500
#2625DA
600
#1E1DAF
700
#18178C
800
#13126D
900
#121150
950
#0B0B32

Contrast Checker

Text on white

11.08:1

AA Pass AAA Pass

Text on black

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