#225803

#225803

Color Values

HEX

#225803

RGB

34, 88, 3

HSL

98.1, 93.4%, 17.8%

HSV

98.1, 96.6%, 34.5%

CMYK

61.4%, 0.0%, 96.6%, 65.5%

OKLCH

0.4076 0.1233 137.8

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#225803

#390358

Analogous

#4C5803

#03580E

#225803

Triadic

#225803

#032258

#580322

Split Complementary

#225803

#0E0358

#58034C

Tetradic

#225803

#034C58

#390358

#580E03

Color Blindness Simulation

Original

#225803

Protanopia

#393A18

Deuteranopia

#36321C

Tritanopia

#25282B

Achromatopsia

#464646

CSS Usage

background-color: #225803;
color: #225803;
border-color: #225803;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F6FDF1
100
#E9FBDF
200
#D2FDBA
300
#B2FB89
400
#89F949
500
#5FF708
600
#4CC507
700
#3D9E05
800
#307B04
900
#255908
950
#183805

Contrast Checker

Text on white

8.52:1

AA Pass AAA Pass

Text on black

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