#03142C

#03142C

Color Values

HEX

#03142C

RGB

3, 20, 44

HSL

215.1, 87.2%, 9.2%

HSV

215.1, 93.2%, 17.3%

CMYK

93.2%, 54.5%, 0.0%, 82.7%

OKLCH

0.1923 0.0544 255.8

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#03142C

#2C1B03

Analogous

#03282C

#06032C

#03142C

Triadic

#03142C

#2C0314

#142C03

Split Complementary

#03142C

#2C0603

#282C03

Tetradic

#03142C

#2C0328

#2C1B03

#032C06

Color Blindness Simulation

Original

#03142C

Protanopia

#0A0B26

Deuteranopia

#090825

Tritanopia

#042221

Achromatopsia

#121212

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E0EBFA
200
#BCD6FA
300
#8CB9F7
400
#4E93F3
500
#106DEF
600
#0D57BF
700
#0A4699
800
#083677
900
#0A2A56
950
#071B37

Contrast Checker

Text on white

18.42:1

AA Pass AAA Pass

Text on black

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