#03416F

#03416F

Color Values

HEX

#03416F

RGB

3, 65, 111

HSL

205.6, 94.7%, 22.4%

HSV

205.6, 97.3%, 43.5%

CMYK

97.3%, 41.4%, 0.0%, 56.5%

OKLCH

0.3667 0.0972 248.3

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#03416F

#6F3103

Analogous

#036F67

#030B6F

#03416F

Triadic

#03416F

#6F0341

#416F03

Split Complementary

#03416F

#6F030B

#6F6703

Tetradic

#03416F

#67036F

#6F3103

#0B6F03

Color Blindness Simulation

Original

#03416F

Protanopia

#1E1E64

Deuteranopia

#1A1661

Tritanopia

#065B59

Achromatopsia

#373737

CSS Usage

background-color: #03416F;
color: #03416F;
border-color: #03416F;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F1F8FE
100
#DFEFFC
200
#B9E0FD
300
#88CAFC
400
#47AEFA
500
#0791F8
600
#0574C7
700
#045D9F
800
#03497C
900
#07375A
950
#052239

Contrast Checker

Text on white

10.56:1

AA Pass AAA Pass

Text on black

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