#003FD3

#003FD3

Color Values

HEX

#003FD3

RGB

0, 63, 211

HSL

222,1, 100,0%, 41,4%

HSV

222,1, 100,0%, 82,7%

CMYK

100,0%, 70,1%, 0,0%, 17,3%

OKLCH

0,4524 0,2313 263,1

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#003FD3

#D39400

Analogous

#00A9D3

#2B00D3

#003FD3

Triadic

#003FD3

#D3003F

#3FD300

Split Complementary

#003FD3

#D32B00

#A9D300

Tetradic

#003FD3

#D300A9

#D39400

#00D32B

Color Blindness Simulation

Original

#003FD3

Protanopia

#1B1CAF

Deuteranopia

#1813A7

Tritanopia

#03938D

Achromatopsia

#3C3C3C

CSS Usage

background-color: #003FD3;
color: #003FD3;
border-color: #003FD3;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F1F5FE
100
#DEE7FC
200
#B8CDFF
300
#85A9FF
400
#427BFF
500
#004CFF
600
#003DCC
700
#0031A3
800
#002680
900
#051F5C
950
#03133A

Contrast Checker

Text on white

7,92:1

AA Pass AAA Pass

Text on black

2,65:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

فبراير 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

فبراير 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

فبراير 20, 2026