#030A28

#030A28

Color Values

HEX

#030A28

RGB

3, 10, 40

HSL

228.6, 86.0%, 8.4%

HSV

228.6, 92.5%, 15.7%

CMYK

92.5%, 75.0%, 0.0%, 84.3%

OKLCH

0.1611 0.0631 266.0

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#030A28

#282103

Analogous

#031C28

#0E0328

#030A28

Triadic

#030A28

#28030A

#0A2803

Split Complementary

#030A28

#280E03

#1C2803

Tetradic

#030A28

#28031C

#282103

#03280E

Color Blindness Simulation

Original

#030A28

Protanopia

#060621

Deuteranopia

#06051F

Tritanopia

#031B1A

Achromatopsia

#0B0B0B

CSS Usage

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

Tailwind Shades

50
#F2F4FD
100
#E0E5FA
200
#BDC8FA
300
#8DA1F6
400
#506EF2
500
#123CED
600
#0E30BE
700
#0B2698
800
#091E77
900
#0B1956
950
#071036

Contrast Checker

Text on white

19.48:1

AA Pass AAA Pass

Text on black

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