#031438

#031438

Color Values

HEX

#031438

RGB

3, 20, 56

HSL

220.8, 89.8%, 11.6%

HSV

220.8, 94.6%, 22.0%

CMYK

94.6%, 64.3%, 0.0%, 78.0%

OKLCH

0.2037 0.0746 261.4

Properties

Cool Dark Nearest: RAL 5013 Cobalt Blue

Color Harmonies

Complementary

#031438

#382703

Analogous

#032F38

#0D0338

#031438

Triadic

#031438

#380314

#143803

Split Complementary

#031438

#380D03

#2F3803

Tetradic

#031438

#38032F

#382703

#03380D

Color Blindness Simulation

Original

#031438

Protanopia

#0A0B2F

Deuteranopia

#09082D

Tritanopia

#042827

Achromatopsia

#131313

CSS Usage

background-color: #031438;
color: #031438;
border-color: #031438;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F2F5FD
100
#E0E8FB
200
#BBD0FB
300
#8BAEF9
400
#4C82F5
500
#0D56F2
600
#0A45C2
700
#08379B
800
#072B79
900
#092258
950
#061637

Contrast Checker

Text on white

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