#224025

#224025

Color Values

HEX

#224025

RGB

34, 64, 37

HSL

126.0, 30.6%, 19.2%

HSV

126.0, 46.9%, 25.1%

CMYK

46.9%, 0.0%, 42.2%, 74.9%

OKLCH

0.3397 0.059 146.4

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#224025

#40223D

Analogous

#2E4022

#224034

#224025

Triadic

#224025

#252240

#402522

Split Complementary

#224025

#342240

#40222E

Tetradic

#224025

#222E40

#40223D

#403422

Color Blindness Simulation

Original

#224025

Protanopia

#2F2F2C

Deuteranopia

#2D2B2D

Tritanopia

#243132

Achromatopsia

#383838

CSS Usage

background-color: #224025;
color: #224025;
border-color: #224025;
Nearest Tailwind: Green 950 #052E16

Tailwind Shades

50
#F5F9F6
100
#E9F2E9
200
#D0E6D3
300
#AFD5B3
400
#84BE8A
500
#58A760
600
#47854D
700
#396B3E
800
#2C5330
900
#233E26
950
#162718

Contrast Checker

Text on white

11.49:1

AA Pass AAA Pass

Text on black

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