#03122C

#03122C

Color Values

HEX

#03122C

RGB

3, 18, 44

HSL

218.0, 87.2%, 9.2%

HSV

218.0, 93.2%, 17.3%

CMYK

93.2%, 59.1%, 0.0%, 82.7%

OKLCH

0.1866 0.0574 258.7

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#03122C

#2C1D03

Analogous

#03262C

#08032C

#03122C

Triadic

#03122C

#2C0312

#122C03

Split Complementary

#03122C

#2C0803

#262C03

Tetradic

#03122C

#2C0326

#2C1D03

#032C08

Color Blindness Simulation

Original

#03122C

Protanopia

#090A26

Deuteranopia

#090724

Tritanopia

#042120

Achromatopsia

#111111

CSS Usage

background-color: #03122C;
color: #03122C;
border-color: #03122C;
Nearest Tailwind: Slate 900 #0F172A

Tailwind Shades

50
#F2F6FD
100
#E0EAFA
200
#BCD3FA
300
#8CB4F7
400
#4E8BF3
500
#1062EF
600
#0D4EBF
700
#0A3F99
800
#083177
900
#0A2656
950
#071837

Contrast Checker

Text on white

18.64:1

AA Pass AAA Pass

Text on black

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