#03315C

#03315C

Color Values

HEX

#03315C

RGB

3, 49, 92

HSL

209.0, 93.7%, 18.6%

HSV

209.0, 96.7%, 36.1%

CMYK

96.7%, 46.7%, 0.0%, 63.9%

OKLCH

0.3111 0.0898 252.1

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#03315C

#5C2E03

Analogous

#035C5A

#03045C

#03315C

Triadic

#03315C

#5C0331

#315C03

Split Complementary

#03315C

#5C0304

#5C5A03

Tetradic

#03315C

#5A035C

#5C2E03

#045C03

Color Blindness Simulation

Original

#03315C

Protanopia

#171752

Deuteranopia

#14114F

Tritanopia

#054948

Achromatopsia

#2A2A2A

CSS Usage

background-color: #03315C;
color: #03315C;
border-color: #03315C;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BADCFD
300
#88C4FB
400
#48A4F9
500
#0883F7
600
#0669C6
700
#05549E
800
#04427B
900
#083259
950
#051F38

Contrast Checker

Text on white

13.14:1

AA Pass AAA Pass

Text on black

1.6:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026