#03487C

#03487C

Color Values

HEX

#03487C

RGB

3, 72, 124

HSL

205,8, 95,3%, 24,9%

HSV

205,8, 97,6%, 48,6%

CMYK

97,6%, 41,9%, 0,0%, 51,4%

OKLCH

0,3936 0,1067 249,0

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#03487C

#7C3703

Analogous

#037C74

#030B7C

#03487C

Triadic

#03487C

#7C0348

#487C03

Split Complementary

#03487C

#7C030B

#7C7403

Tetradic

#03487C

#74037C

#7C3703

#0B7C03

Color Blindness Simulation

Original

#03487C

Protanopia

#21216F

Deuteranopia

#1D186C

Tritanopia

#066563

Achromatopsia

#3D3D3D

CSS Usage

background-color: #03487C;
color: #03487C;
border-color: #03487C;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F1F8FE
100
#DFEFFC
200
#B9E0FD
300
#87CAFC
400
#47ADFB
500
#0691F9
600
#0574C7
700
#045C9F
800
#03487D
900
#07365A
950
#042239

Contrast Checker

Text on white

9,45:1

AA Pass AAA Pass

Text on black

2,22: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