#146538

#146538

Color Values

HEX

#146538

RGB

20, 101, 56

HSL

146.7, 66.9%, 23.7%

HSV

146.7, 80.2%, 39.6%

CMYK

80.2%, 0.0%, 44.6%, 60.4%

OKLCH

0.4483 0.1049 153.5

Properties

Cool Dark Nearest: NCS S 3060-G Dark Green

Color Harmonies

Complementary

#146538

#651441

Analogous

#186514

#146560

#146538

Triadic

#146538

#381465

#653814

Split Complementary

#146538

#601465

#651418

Tetradic

#146538

#141865

#651441

#656014

Color Blindness Simulation

Original

#146538

Protanopia

#373843

Deuteranopia

#322C46

Tritanopia

#184B4D

Achromatopsia

#515151

CSS Usage

background-color: #146538;
color: #146538;
border-color: #146538;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F3FCF7
100
#E3F7EC
200
#C3F3D9
300
#99EBBD
400
#62E09A
500
#2AD576
600
#22AA5E
700
#1B884C
800
#156A3B
900
#134E2D
950
#0C311D

Contrast Checker

Text on white

7.12:1

AA Pass AAA Pass

Text on black

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