#226028

#226028

Color Values

HEX

#226028

RGB

34, 96, 40

HSL

125.8, 47.7%, 25.5%

HSV

125.8, 64.6%, 37.6%

CMYK

64.6%, 0.0%, 58.3%, 62.4%

OKLCH

0.4348 0.1082 145.1

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#226028

#60225A

Analogous

#3B6022

#226047

#226028

Triadic

#226028

#282260

#602822

Split Complementary

#226028

#472260

#60223B

Tetradic

#226028

#223B60

#60225A

#604722

Color Blindness Simulation

Original

#226028

Protanopia

#3D3D36

Deuteranopia

#393539

Tritanopia

#254043

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F4FAF5
100
#E6F4E7
200
#CAECCE
300
#A5DFAA
400
#74CE7C
500
#43BC4E
600
#35973F
700
#2B7932
800
#215E27
900
#1C4520
950
#112C14

Contrast Checker

Text on white

7.58:1

AA Pass AAA Pass

Text on black

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