#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026