#225538

#225538

Color Values

HEX

#225538

RGB

34, 85, 56

HSL

145.9, 42.9%, 23.3%

HSV

145.9, 60.0%, 33.3%

CMYK

60.0%, 0.0%, 34.1%, 66.7%

OKLCH

0.4059 0.0739 156.0

Properties

Cool Dark Nearest: RAL 6016 Turquoise Green

Color Harmonies

Complementary

#225538

#55223F

Analogous

#255522

#225551

#225538

Triadic

#225538

#382255

#553822

Split Complementary

#225538

#512255

#552225

Tetradic

#225538

#222555

#55223F

#555122

Color Blindness Simulation

Original

#225538

Protanopia

#38393F

Deuteranopia

#353141

Tritanopia

#254546

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F4EC
200
#CCEBD9
300
#A8DCBE
400
#78C99B
500
#49B678
600
#3A9260
700
#2F754D
800
#245B3C
900
#1E432E
950
#132A1D

Contrast Checker

Text on white

8.66:1

AA Pass AAA Pass

Text on black

2.42:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026