#225133

#225133

Color Values

HEX

#225133

RGB

34, 81, 51

HSL

141.7, 40.9%, 22.5%

HSV

141.7, 58.0%, 31.8%

CMYK

58.0%, 0.0%, 37.0%, 68.2%

OKLCH

0.393 0.0727 153.4

Properties

Cool Dark Nearest: RAL 6035 Pearl Green

Color Harmonies

Complementary

#225133

#512240

Analogous

#285122

#22514A

#225133

Triadic

#225133

#332251

#513322

Split Complementary

#225133

#4A2251

#512228

Tetradic

#225133

#222851

#512240

#514A22

Color Blindness Simulation

Original

#225133

Protanopia

#36373A

Deuteranopia

#34303C

Tritanopia

#244041

Achromatopsia

#454545

CSS Usage

background-color: #225133;
color: #225133;
border-color: #225133;
Nearest Tailwind: Green 900 #14532D

Tailwind Shades

50
#F5FAF7
100
#E7F3EB
200
#CDEAD7
300
#A9DBBB
400
#7AC796
500
#4BB471
600
#3C905A
700
#307348
800
#265A39
900
#1F422C
950
#132A1B

Contrast Checker

Text on white

9.16:1

AA Pass AAA Pass

Text on black

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