#031B3C

#031B3C

Color Values

HEX

#031B3C

RGB

3, 27, 60

HSL

214,7, 90,5%, 12,4%

HSV

214,7, 95,0%, 23,5%

CMYK

95,0%, 55,0%, 0,0%, 76,5%

OKLCH

0,226 0,0707 256,7

Properties

Cool Dark Nearest: RAL 5010 Gentian Blue

Color Harmonies

Complementary

#031B3C

#3C2403

Analogous

#03383C

#07033C

#031B3C

Triadic

#031B3C

#3C031B

#1B3C03

Split Complementary

#031B3C

#3C0703

#383C03

Tetradic

#031B3C

#3C0338

#3C2403

#033C07

Color Blindness Simulation

Original

#031B3C

Protanopia

#0D0E34

Deuteranopia

#0C0A32

Tritanopia

#042E2C

Achromatopsia

#181818

CSS Usage

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

Tailwind Shades

50
#F1F6FD
100
#DFEBFB
200
#BBD6FC
300
#8AB9F9
400
#4B93F6
500
#0C6DF3
600
#0A58C2
700
#08469B
800
#063779
900
#092A58
950
#061B38

Contrast Checker

Text on white

17,13:1

AA Pass AAA Pass

Text on black

1,23: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