#031729

#031729

Color Values

HEX

#031729

RGB

3, 23, 41

HSL

208.4, 86.4%, 8.6%

HSV

208.4, 92.7%, 16.1%

CMYK

92.7%, 43.9%, 0.0%, 83.9%

OKLCH

0.1988 0.0454 247.2

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#031729

#291503

Analogous

#032928

#030429

#031729

Triadic

#031729

#290317

#172903

Split Complementary

#031729

#290304

#292803

Tetradic

#031729

#280329

#291503

#042903

Color Blindness Simulation

Original

#031729

Protanopia

#0C0C25

Deuteranopia

#0A0924

Tritanopia

#042120

Achromatopsia

#141414

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0EEFA
200
#BCDDFA
300
#8DC5F7
400
#4FA5F2
500
#1185EE
600
#0E6BBE
700
#0B5598
800
#094377
900
#0B3256
950
#072036

Contrast Checker

Text on white

18.13:1

AA Pass AAA Pass

Text on black

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