#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026