#031240

#031240

Color Values

HEX

#031240

RGB

3, 18, 64

HSL

225.2, 91.0%, 13.1%

HSV

225.2, 95.3%, 25.1%

CMYK

95.3%, 71.9%, 0.0%, 74.9%

OKLCH

0.2074 0.0903 264.0

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#031240

#403103

Analogous

#033040

#120340

#031240

Triadic

#031240

#400312

#124003

Split Complementary

#031240

#401203

#304003

Tetradic

#031240

#400330

#403103

#034012

Color Blindness Simulation

Original

#031240

Protanopia

#090A35

Deuteranopia

#090732

Tritanopia

#042C2A

Achromatopsia

#121212

CSS Usage

background-color: #031240;
color: #031240;
border-color: #031240;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F1F4FD
100
#DFE6FB
200
#BBCBFC
300
#8AA6F9
400
#4B75F7
500
#0B45F4
600
#0937C3
700
#072C9C
800
#06227A
900
#091C58
950
#061238

Contrast Checker

Text on white

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