#1F1699

#1F1699

Color Values

HEX

#1F1699

RGB

31, 22, 153

HSL

244.1, 74.9%, 34.3%

HSV

244.1, 85.6%, 60.0%

CMYK

79.7%, 85.6%, 0.0%, 40.0%

OKLCH

0.3373 0.1952 271.7

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#1F1699

#909916

Analogous

#164F99

#601699

#1F1699

Triadic

#1F1699

#991F16

#16991F

Split Complementary

#1F1699

#996016

#4F9916

Tetradic

#1F1699

#99164F

#909916

#169960

Color Blindness Simulation

Original

#1F1699

Protanopia

#1B1B79

Deuteranopia

#1C1C72

Tritanopia

#1F605B

Achromatopsia

#212121

CSS Usage

background-color: #1F1699;
color: #1F1699;
border-color: #1F1699;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F3F2FC
100
#E3E2F9
200
#C4C1F6
300
#9A94F0
400
#645AE7
500
#2D20DF
600
#241AB2
700
#1D148F
800
#17106F
900
#141051
950
#0D0A33

Contrast Checker

Text on white

12.86:1

AA Pass AAA Pass

Text on black

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