#227B48

#227B48

Color Values

HEX

#227B48

RGB

34, 123, 72

HSL

145.6, 56.7%, 30.8%

HSV

145.6, 72.4%, 48.2%

CMYK

72.4%, 0.0%, 41.5%, 51.8%

OKLCH

0.5179 0.1155 153.7

Properties

Cool Dark Nearest: RAL 6032 Signal Green

Color Harmonies

Complementary

#227B48

#7B2255

Analogous

#297B22

#227B75

#227B48

Triadic

#227B48

#48227B

#7B4822

Split Complementary

#227B48

#75227B

#7B2229

Tetradic

#227B48

#22297B

#7B2255

#7B7522

Color Blindness Simulation

Original

#227B48

Protanopia

#494954

Deuteranopia

#433D57

Tritanopia

#265E60

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F4FBF7
100
#E5F6EC
200
#C7F0D8
300
#9FE5BD
400
#6BD699
500
#37C875
600
#2CA05E
700
#23804B
800
#1C643A
900
#18492D
950
#0F2E1C

Contrast Checker

Text on white

5.26:1

AA Pass AAA Fail

Text on black

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