#040A25

#040A25

Color Values

HEX

#040A25

RGB

4, 10, 37

HSL

229.1, 80.5%, 8.0%

HSV

229.1, 89.2%, 14.5%

CMYK

89.2%, 73.0%, 0.0%, 85.5%

OKLCH

0.1588 0.0572 267.5

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#040A25

#251F04

Analogous

#041A25

#0E0425

#040A25

Triadic

#040A25

#25040A

#0A2504

Split Complementary

#040A25

#250E04

#1A2504

Tetradic

#040A25

#25041A

#251F04

#04250E

Color Blindness Simulation

Original

#040A25

Protanopia

#07071E

Deuteranopia

#06061D

Tritanopia

#041918

Achromatopsia

#0B0B0B

CSS Usage

background-color: #040A25;
color: #040A25;
border-color: #040A25;
Nearest Tailwind: Slate 900 #0F172A

Tailwind Shades

50
#F2F4FD
100
#E1E5F9
200
#BFC9F8
300
#91A2F3
400
#5570ED
500
#193EE6
600
#1432B8
700
#102893
800
#0C1F73
900
#0D1A54
950
#081035

Contrast Checker

Text on white

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