#227201

#227201

Color Values

HEX

#227201

RGB

34, 114, 1

HSL

102.5, 98.3%, 22.5%

HSV

102.5, 99.1%, 44.7%

CMYK

70.2%, 0.0%, 99.1%, 55.3%

OKLCH

0.4844 0.1544 139.7

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#227201

#510172

Analogous

#5A7201

#017218

#227201

Triadic

#227201

#012272

#720122

Split Complementary

#227201

#180172

#72015A

Tetradic

#227201

#015A72

#510172

#721801

Color Blindness Simulation

Original

#227201

Protanopia

#45451C

Deuteranopia

#403A23

Tritanopia

#263237

Achromatopsia

#595959

CSS Usage

background-color: #227201;
color: #227201;
border-color: #227201;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F5FEF1
100
#E7FCDE
200
#CDFEB8
300
#A9FE86
400
#7AFD44
500
#4BFD02
600
#3CCA02
700
#30A201
800
#267E01
900
#1F5B06
950
#133A04

Contrast Checker

Text on white

6.04:1

AA Pass AAA Fail

Text on black

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