#226345

#226345

Color Values

HEX

#226345

RGB

34, 99, 69

HSL

152.3, 48.9%, 26.1%

HSV

152.3, 65.7%, 38.8%

CMYK

65.7%, 0.0%, 30.3%, 61.2%

OKLCH

0.4494 0.0828 160.1

Properties

Cool Dark Nearest: RAL 6029 Mint Green

Color Harmonies

Complementary

#226345

#632240

Analogous

#226325

#226163

#226345

Triadic

#226345

#452263

#634522

Split Complementary

#226345

#632261

#632522

Tetradic

#226345

#252263

#632240

#616322

Color Blindness Simulation

Original

#226345

Protanopia

#3E3F4C

Deuteranopia

#3A364E

Tritanopia

#255253

Achromatopsia

#535353

CSS Usage

background-color: #226345;
color: #226345;
border-color: #226345;
Nearest Tailwind: Emerald 800 #065F46

Tailwind Shades

50
#F4FBF8
100
#E6F5EE
200
#CAEDDD
300
#A4E0C4
400
#73CFA4
500
#41BE84
600
#34986A
700
#2A7A55
800
#215F42
900
#1B4632
950
#112C20

Contrast Checker

Text on white

7.15:1

AA Pass AAA Pass

Text on black

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