#22473B

#22473B

Color Values

HEX

#22473B

RGB

34, 71, 59

HSL

160.5, 35.2%, 20.6%

HSV

160.5, 52.1%, 27.8%

CMYK

52.1%, 0.0%, 16.9%, 72.2%

OKLCH

0.3663 0.0479 170.3

Properties

Cool Dark Nearest: RAL 6005 Moss Green

Color Harmonies

Complementary

#22473B

#47222E

Analogous

#224729

#224147

#22473B

Triadic

#22473B

#3B2247

#473B22

Split Complementary

#22473B

#472241

#472922

Tetradic

#22473B

#292247

#47222E

#414722

Color Blindness Simulation

Original

#22473B

Protanopia

#32323E

Deuteranopia

#302D3F

Tritanopia

#244041

Achromatopsia

#3E3E3E

CSS Usage

background-color: #22473B;
color: #22473B;
border-color: #22473B;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F5FAF8
100
#E8F2EF
200
#CFE8E0
300
#ACD7C9
400
#7FC2AC
500
#53AC8F
600
#428A73
700
#356E5C
800
#295648
900
#214036
950
#152822

Contrast Checker

Text on white

10.33:1

AA Pass AAA Pass

Text on black

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