#031BC9

#031BC9

Color Values

HEX

#031BC9

RGB

3, 27, 201

HSL

232.7, 97.1%, 40.0%

HSV

232.7, 98.5%, 78.8%

CMYK

98.5%, 86.6%, 0.0%, 21.2%

OKLCH

0.3944 0.2505 264.5

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#031BC9

#C9B103

Analogous

#037EC9

#4E03C9

#031BC9

Triadic

#031BC9

#C9031B

#1BC903

Split Complementary

#031BC9

#C94E03

#7EC903

Tetradic

#031BC9

#C9037E

#C9B103

#03C94E

Color Blindness Simulation

Original

#031BC9

Protanopia

#0D0E9F

Deuteranopia

#0C0A95

Tritanopia

#047E76

Achromatopsia

#222222

CSS Usage

background-color: #031BC9;
color: #031BC9;
border-color: #031BC9;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F1F3FE
100
#DEE2FC
200
#B9C1FE
300
#8695FD
400
#455BFC
500
#0422FB
600
#031BC9
700
#0216A1
800
#02117E
900
#06105B
950
#040A39

Contrast Checker

Text on white

10.48:1

AA Pass AAA Pass

Text on black

2.0:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026