#228F18

#228F18

Color Values

HEX

#228F18

RGB

34, 143, 24

HSL

115.0, 71.3%, 32.7%

HSV

115.0, 83.2%, 56.1%

CMYK

76.2%, 0.0%, 83.2%, 43.9%

OKLCH

0.5684 0.1785 142.0

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#228F18

#85188F

Analogous

#5D8F18

#188F49

#228F18

Triadic

#228F18

#18228F

#8F1822

Split Complementary

#228F18

#49188F

#8F185D

Tetradic

#228F18

#185D8F

#85188F

#8F4918

Color Blindness Simulation

Original

#228F18

Protanopia

#515235

Deuteranopia

#4B433C

Tritanopia

#274C51

Achromatopsia

#6F6F6F

CSS Usage

background-color: #228F18;
color: #228F18;
border-color: #228F18;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F3FCF3
100
#E4F8E2
200
#C6F5C2
300
#9DED96
400
#69E45D
500
#34DA25
600
#29AF1D
700
#218C17
800
#1A6D12
900
#175011
950
#0E320B

Contrast Checker

Text on white

4.19:1

AA Fail AAA Fail

Text on black

5.01:1

AA Pass 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