#225744

#225744

Color Values

HEX

#225744

RGB

34, 87, 68

HSL

158.5, 43.8%, 23.7%

HSV

158.5, 60.9%, 34.1%

CMYK

60.9%, 0.0%, 21.8%, 65.9%

OKLCH

0.415 0.0653 166.8

Properties

Cool Dark Nearest: RAL 6016 Turquoise Green

Color Harmonies

Complementary

#225744

#572235

Analogous

#225729

#224F57

#225744

Triadic

#225744

#442257

#574422

Split Complementary

#225744

#57224F

#572922

Tetradic

#225744

#292257

#572235

#4F5722

Color Blindness Simulation

Original

#225744

Protanopia

#393949

Deuteranopia

#36324A

Tritanopia

#254C4D

Achromatopsia

#4A4A4A

CSS Usage

background-color: #225744;
color: #225744;
border-color: #225744;
Nearest Tailwind: Emerald 900 #064E3B

Tailwind Shades

50
#F5FAF8
100
#E7F4EF
200
#CCEBE0
300
#A7DDC9
400
#77CAAC
500
#48B78F
600
#399373
700
#2E755C
800
#245C48
900
#1D4436
950
#132B22

Contrast Checker

Text on white

8.35:1

AA Pass AAA Pass

Text on black

2.51:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026