#012656

#012656

Color Values

HEX

#012656

RGB

1, 38, 86

HSL

213.9, 97.7%, 17.1%

HSV

213.9, 98.8%, 33.7%

CMYK

98.8%, 55.8%, 0.0%, 66.3%

OKLCH

0.2771 0.0963 257.0

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#012656

#563101

Analogous

#015156

#070156

#012656

Triadic

#012656

#560126

#265601

Split Complementary

#012656

#560701

#515601

Tetradic

#012656

#560151

#563101

#015607

Color Blindness Simulation

Original

#012656

Protanopia

#11114A

Deuteranopia

#0F0C48

Tritanopia

#03413F

Achromatopsia

#222222

CSS Usage

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

Tailwind Shades

50
#F1F7FE
100
#DEEBFC
200
#B8D7FE
300
#86BAFE
400
#4495FD
500
#036FFC
600
#0259CA
700
#0247A1
800
#01387E
900
#062B5B
950
#041B3A

Contrast Checker

Text on white

14.86:1

AA Pass AAA Pass

Text on black

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