#030B28

#030B28

Color Values

HEX

#030B28

RGB

3, 11, 40

HSL

227.0, 86.0%, 8.4%

HSV

227.0, 92.5%, 15.7%

CMYK

92.5%, 72.5%, 0.0%, 84.3%

OKLCH

0.1636 0.0615 265.1

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#030B28

#282003

Analogous

#031D28

#0D0328

#030B28

Triadic

#030B28

#28030B

#0B2803

Split Complementary

#030B28

#280D03

#1D2803

Tetradic

#030B28

#28031D

#282003

#03280D

Color Blindness Simulation

Original

#030B28

Protanopia

#060721

Deuteranopia

#06051F

Tritanopia

#031B1A

Achromatopsia

#0B0B0B

CSS Usage

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

Tailwind Shades

50
#F2F4FD
100
#E0E6FA
200
#BDCAFA
300
#8DA4F6
400
#5073F2
500
#1241ED
600
#0E34BE
700
#0B2A98
800
#092177
900
#0B1B56
950
#071136

Contrast Checker

Text on white

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