#1F22F3

#1F22F3

Color Values

HEX

#1F22F3

RGB

31, 34, 243

HSL

239.2, 89.8%, 53.7%

HSV

239.2, 87.2%, 95.3%

CMYK

87.2%, 86.0%, 0.0%, 4.7%

OKLCH

0.4595 0.2857 267.1

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#1F22F3

#F3F01F

Analogous

#1F8CF3

#861FF3

#1F22F3

Triadic

#1F22F3

#F31F22

#22F31F

Split Complementary

#1F22F3

#F3861F

#8CF31F

Tetradic

#1F22F3

#F31F8C

#F3F01F

#1FF386

Color Blindness Simulation

Original

#1F22F3

Protanopia

#2020C0

Deuteranopia

#2020B4

Tritanopia

#1F9890

Achromatopsia

#303030

CSS Usage

background-color: #1F22F3;
color: #1F22F3;
border-color: #1F22F3;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F2F2FD
100
#E0E0FB
200
#BBBCFB
300
#8B8CF9
400
#4C4EF5
500
#0D10F2
600
#0A0DC2
700
#080A9B
800
#070879
900
#090A58
950
#060737

Contrast Checker

Text on white

8.14:1

AA Pass AAA Pass

Text on black

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