#12331C

#12331C

Color Values

HEX

#12331C

RGB

18, 51, 28

HSL

138.2, 47.8%, 13.5%

HSV

138.2, 64.7%, 20.0%

CMYK

64.7%, 0.0%, 45.1%, 80.0%

OKLCH

0.2891 0.0572 151.2

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#12331C

#331229

Analogous

#183312

#12332C

#12331C

Triadic

#12331C

#1C1233

#331C12

Split Complementary

#12331C

#2C1233

#331218

Tetradic

#12331C

#121833

#331229

#332C12

Color Blindness Simulation

Original

#12331C

Protanopia

#202122

Deuteranopia

#1E1C23

Tritanopia

#142627

Achromatopsia

#2A2A2A

CSS Usage

background-color: #12331C;
color: #12331C;
border-color: #12331C;
Nearest Tailwind: Green 950 #052E16

Tailwind Shades

50
#F4FAF6
100
#E6F4EA
200
#CAECD5
300
#A5DFB6
400
#74CE8F
500
#43BC68
600
#359753
700
#2B7942
800
#215E34
900
#1C4528
950
#112C19

Contrast Checker

Text on white

13.85:1

AA Pass AAA Pass

Text on black

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