#226047

#226047

Color Values

HEX

#226047

RGB

34, 96, 71

HSL

155.8, 47.7%, 25.5%

HSV

155.8, 64.6%, 37.6%

CMYK

64.6%, 0.0%, 26.0%, 62.4%

OKLCH

0.4414 0.0763 163.5

Properties

Cool Dark Nearest: RAL 6016 Turquoise Green

Color Harmonies

Complementary

#226047

#60223B

Analogous

#226028

#225A60

#226047

Triadic

#226047

#472260

#604722

Split Complementary

#226047

#60225A

#602822

Tetradic

#226047

#282260

#60223B

#5A6022

Color Blindness Simulation

Original

#226047

Protanopia

#3D3D4D

Deuteranopia

#39354E

Tritanopia

#255253

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#F4FAF8
100
#E6F4EF
200
#CAECDF
300
#A5DFC7
400
#74CEA9
500
#43BC8B
600
#35976F
700
#2B7959
800
#215E46
900
#1C4534
950
#112C21

Contrast Checker

Text on white

7.41:1

AA Pass AAA Pass

Text on black

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