#030C28

#030C28

Color Values

HEX

#030C28

RGB

3, 12, 40

HSL

225.4, 86.0%, 8.4%

HSV

225.4, 92.5%, 15.7%

CMYK

92.5%, 70.0%, 0.0%, 84.3%

OKLCH

0.1662 0.0599 264.1

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#030C28

#281F03

Analogous

#031E28

#0C0328

#030C28

Triadic

#030C28

#28030C

#0C2803

Split Complementary

#030C28

#280C03

#1E2803

Tetradic

#030C28

#28031E

#281F03

#03280C

Color Blindness Simulation

Original

#030C28

Protanopia

#070721

Deuteranopia

#060620

Tritanopia

#031C1B

Achromatopsia

#0C0C0C

CSS Usage

background-color: #030C28;
color: #030C28;
border-color: #030C28;
Nearest Tailwind: Slate 900 #0F172A

Tailwind Shades

50
#F2F4FD
100
#E0E6FA
200
#BDCCFA
300
#8DA7F6
400
#5077F2
500
#1247ED
600
#0E39BE
700
#0B2E98
800
#092477
900
#0B1D56
950
#071236

Contrast Checker

Text on white

19.32:1

AA Pass AAA Pass

Text on black

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