#224F45

#224F45

Color Values

HEX

#224F45

RGB

34, 79, 69

HSL

166.7, 39.8%, 22.2%

HSV

166.7, 57.0%, 31.0%

CMYK

57.0%, 0.0%, 12.7%, 69.0%

OKLCH

0.3925 0.0528 176.8

Properties

Cool Dark Nearest: RAL 6028 Pine Green

Color Harmonies

Complementary

#224F45

#4F222C

Analogous

#224F2F

#22434F

#224F45

Triadic

#224F45

#45224F

#4F4522

Split Complementary

#224F45

#4F2243

#4F2F22

Tetradic

#224F45

#2F224F

#4F222C

#434F22

Color Blindness Simulation

Original

#224F45

Protanopia

#353647

Deuteranopia

#333048

Tritanopia

#24494A

Achromatopsia

#454545

CSS Usage

background-color: #224F45;
color: #224F45;
border-color: #224F45;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F5FAF9
100
#E7F3F1
200
#CDEAE3
300
#A9DACF
400
#7BC6B6
500
#4DB29C
600
#3D8F7D
700
#317264
800
#26594E
900
#1F423A
950
#142A25

Contrast Checker

Text on white

9.24:1

AA Pass AAA Pass

Text on black

2.27:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026