#42733C

#42733C

Color Values

HEX

#42733C

RGB

66, 115, 60

HSL

113.5, 31.4%, 34.3%

HSV

113.5, 47.8%, 45.1%

CMYK

42.6%, 0.0%, 47.8%, 54.9%

OKLCH

0.5063 0.0993 141.6

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#42733C

#6D3C73

Analogous

#5D733C

#3C7352

#42733C

Triadic

#42733C

#3C4273

#733C42

Split Complementary

#42733C

#523C73

#733C5D

Tetradic

#42733C

#3C5D73

#6D3C73

#73523C

Color Blindness Simulation

Original

#42733C

Protanopia

#575849

Deuteranopia

#54514C

Tritanopia

#445456

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F6F9F5
100
#E9F2E8
200
#D3E7D0
300
#B3D5AF
400
#89BE83
500
#60A857
600
#4D8646
700
#3E6B38
800
#30542C
900
#263E23
950
#182716

Contrast Checker

Text on white

5.6:1

AA Pass AAA Fail

Text on black

3.75:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026