#003FCC

#003FCC

Color Values

HEX

#003FCC

RGB

0, 63, 204

HSL

221.5, 100.0%, 40.0%

HSV

221.5, 100.0%, 80.0%

CMYK

100.0%, 69.1%, 0.0%, 20.0%

OKLCH

0.4451 0.223 262.9

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#003FCC

#CC8D00

Analogous

#00A5CC

#2700CC

#003FCC

Triadic

#003FCC

#CC003F

#3FCC00

Split Complementary

#003FCC

#CC2700

#A5CC00

Tetradic

#003FCC

#CC00A5

#CC8D00

#00CC27

Color Blindness Simulation

Original

#003FCC

Protanopia

#1B1CAA

Deuteranopia

#1813A2

Tritanopia

#038F89

Achromatopsia

#3C3C3C

CSS Usage

background-color: #003FCC;
color: #003FCC;
border-color: #003FCC;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F1F5FE
100
#DEE7FC
200
#B8CEFF
300
#85AAFF
400
#427CFF
500
#004FFF
600
#003FCC
700
#0032A3
800
#002780
900
#05205C
950
#03143A

Contrast Checker

Text on white

8.13:1

AA Pass AAA Pass

Text on black

2.58:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026