#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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026