#03047C

#03047C

Color Values

HEX

#03047C

RGB

3, 4, 124

HSL

239.5, 95.3%, 24.9%

HSV

239.5, 97.6%, 48.6%

CMYK

97.6%, 96.8%, 0.0%, 51.4%

OKLCH

0.2699 0.1802 265.1

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#03047C

#7C7B03

Analogous

#03417C

#3E037C

#03047C

Triadic

#03047C

#7C0304

#047C03

Split Complementary

#03047C

#7C3E03

#417C03

Tetradic

#03047C

#7C0341

#7C7B03

#037C3E

Color Blindness Simulation

Original

#03047C

Protanopia

#03035F

Deuteranopia

#030358

Tritanopia

#034843

Achromatopsia

#0C0C0C

CSS Usage

background-color: #03047C;
color: #03047C;
border-color: #03047C;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F1F1FE
100
#DFDFFC
200
#B9BAFD
300
#8788FC
400
#4748FB
500
#0608F9
600
#0506C7
700
#04059F
800
#03047D
900
#07085A
950
#040539

Contrast Checker

Text on white

16.0:1

AA Pass AAA Pass

Text on black

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