#012136

#012136

Color Values

HEX

#012136

RGB

1, 33, 54

HSL

203.8, 96.4%, 10.8%

HSV

203.8, 98.1%, 21.2%

CMYK

98.1%, 38.9%, 0.0%, 78.8%

OKLCH

0.2374 0.0547 241.9

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#012136

#361601

Analogous

#013631

#010636

#012136

Triadic

#012136

#360121

#213601

Split Complementary

#012136

#360106

#363101

Tetradic

#012136

#310136

#361601

#063601

Color Blindness Simulation

Original

#012136

Protanopia

#0F0F31

Deuteranopia

#0D0B30

Tritanopia

#032D2C

Achromatopsia

#1C1C1C

CSS Usage

background-color: #012136;
color: #012136;
border-color: #012136;
Nearest Tailwind: Slate 800 #1E293B

Tailwind Shades

50
#F1F9FE
100
#DFF0FC
200
#B9E2FE
300
#87CEFD
400
#46B3FC
500
#0599FA
600
#047AC8
700
#0362A0
800
#024C7D
900
#06395A
950
#042439

Contrast Checker

Text on white

16.51:1

AA Pass AAA Pass

Text on black

1.27:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026