#449552

#449552

Color Values

HEX

#449552

RGB

68, 149, 82

HSL

130.4, 37.3%, 42.5%

HSV

130.4, 54.4%, 58.4%

CMYK

54.4%, 0.0%, 45.0%, 41.6%

OKLCH

0.6021 0.1277 147.4

Properties

Cool Light Nearest: RAL 6024 Traffic Green

Color Harmonies

Complementary

#449552

#954487

Analogous

#5E9544

#44957A

#449552

Triadic

#449552

#524495

#955244

Split Complementary

#449552

#7A4495

#95445E

Tetradic

#449552

#445E95

#954487

#957A44

Color Blindness Simulation

Original

#449552

Protanopia

#676862

Deuteranopia

#625C66

Tritanopia

#486F72

Achromatopsia

#7F7F7F

CSS Usage

background-color: #449552;
color: #449552;
border-color: #449552;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F5FAF6
100
#E7F3E9
200
#CEE9D3
300
#ABD9B3
400
#7DC48A
500
#50AF60
600
#408C4D
700
#33703E
800
#285830
900
#204126
950
#142918

Contrast Checker

Text on white

3.71:1

AA Fail AAA Fail

Text on black

5.67:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026