#12202C

#12202C

Color Values

HEX

#12202C

RGB

18, 32, 44

HSL

207.7, 41.9%, 12.2%

HSV

207.7, 59.1%, 17.3%

CMYK

59.1%, 27.3%, 0.0%, 82.7%

OKLCH

0.2369 0.0303 245.4

Properties

Cool Dark Nearest: RAL 5008 Grey Blue

Color Harmonies

Complementary

#12202C

#2C1E12

Analogous

#122C2B

#12132C

#12202C

Triadic

#12202C

#2C1220

#202C12

Split Complementary

#12202C

#2C1213

#2C2B12

Tetradic

#12202C

#2B122C

#2C1E12

#132C12

Color Blindness Simulation

Original

#12202C

Protanopia

#181829

Deuteranopia

#171628

Tritanopia

#132726

Achromatopsia

#1E1E1E

CSS Usage

background-color: #12202C;
color: #12202C;
border-color: #12202C;
Nearest Tailwind: Gray 800 #1F2937

Tailwind Shades

50
#F5F8FA
100
#E7EEF4
200
#CCDCEA
300
#A8C4DB
400
#79A4C8
500
#4A84B5
600
#3B6991
700
#2F5474
800
#25425A
900
#1E3243
950
#131F2A

Contrast Checker

Text on white

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

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