#228F2F

#228F2F

Color Values

HEX

#228F2F

RGB

34, 143, 47

HSL

127.2, 61.6%, 34.7%

HSV

127.2, 76.2%, 56.1%

CMYK

76.2%, 0.0%, 67.1%, 43.9%

OKLCH

0.5702 0.1647 144.6

Properties

Cool Light Nearest: forestgreen

Color Harmonies

Complementary

#228F2F

#8F2282

Analogous

#4B8F22

#228F66

#228F2F

Triadic

#228F2F

#2F228F

#8F2F22

Split Complementary

#228F2F

#66228F

#8F224B

Tetradic

#228F2F

#224B8F

#8F2282

#8F6622

Color Blindness Simulation

Original

#228F2F

Protanopia

#515246

Deuteranopia

#4B434C

Tritanopia

#27595D

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F3FBF4
100
#E4F6E6
200
#C5F1CB
300
#9CE7A5
400
#67DB74
500
#31CE44
600
#27A536
700
#1F842B
800
#186722
900
#164B1C
950
#0E3012

Contrast Checker

Text on white

4.17:1

AA Fail AAA Fail

Text on black

5.04:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026