#123B22

#123B22

Color Values

HEX

#123B22

RGB

18, 59, 34

HSL

143.4, 53.2%, 15.1%

HSV

143.4, 69.5%, 23.1%

CMYK

69.5%, 0.0%, 42.4%, 76.9%

OKLCH

0.3158 0.0641 153.6

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#123B22

#3B122B

Analogous

#173B12

#123B36

#123B22

Triadic

#123B22

#22123B

#3B2212

Split Complementary

#123B22

#36123B

#3B1217

Tetradic

#123B22

#12173B

#3B122B

#3B3612

Color Blindness Simulation

Original

#123B22

Protanopia

#242428

Deuteranopia

#211E2A

Tritanopia

#142D2E

Achromatopsia

#303030

CSS Usage

background-color: #123B22;
color: #123B22;
border-color: #123B22;
Nearest Tailwind: Green 950 #052E16

Tailwind Shades

50
#F4FBF7
100
#E5F5EB
200
#C8EED7
300
#A1E2BB
400
#6ED396
500
#3CC371
600
#309C5A
700
#267D48
800
#1E6238
900
#19482B
950
#102D1B

Contrast Checker

Text on white

12.54:1

AA Pass AAA Pass

Text on black

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