#003FFF

#003FFF

Color Values

HEX

#003FFF

RGB

0, 63, 255

HSL

225,2, 100,0%, 50,0%

HSV

225,2, 100,0%, 100,0%

CMYK

100,0%, 75,3%, 0,0%, 0,0%

OKLCH

0,4997 0,2812 263,9

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#003FFF

#FFC000

Analogous

#00BEFF

#4100FF

#003FFF

Triadic

#003FFF

#FF003F

#3FFF00

Split Complementary

#003FFF

#FF4100

#BEFF00

Tetradic

#003FFF

#FF00BE

#FFC000

#00FF41

Color Blindness Simulation

Original

#003FFF

Protanopia

#1B1CD1

Deuteranopia

#1813C5

Tritanopia

#03ACA4

Achromatopsia

#3F3F3F

CSS Usage

background-color: #003FFF;
color: #003FFF;
border-color: #003FFF;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F1F4FE
100
#DEE5FC
200
#B8C9FF
300
#85A3FF
400
#4271FF
500
#003FFF
600
#0032CC
700
#0028A3
800
#001F80
900
#051A5C
950
#03113A

Contrast Checker

Text on white

6,66:1

AA Pass AAA Fail

Text on black

3,16:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026