#449357

#449357

Color Values

HEX

#449357

RGB

68, 147, 87

HSL

134,4, 36,7%, 42,2%

HSV

134,4, 53,7%, 57,6%

CMYK

53,7%, 0,0%, 40,8%, 42,4%

OKLCH

0,5977 0,1197 149,4

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#449357

#934480

Analogous

#599344

#44937F

#449357

Triadic

#449357

#574493

#935744

Split Complementary

#449357

#7F4493

#934459

Tetradic

#449357

#445993

#934480

#937F44

Color Blindness Simulation

Original

#449357

Protanopia

#666766

Deuteranopia

#625C69

Tritanopia

#487174

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F5FAF6
100
#E8F3EA
200
#CEE8D4
300
#ABD8B6
400
#7EC38F
500
#51AE67
600
#418B53
700
#347042
800
#285734
900
#204028
950
#142919

Contrast Checker

Text on white

3,78:1

AA Fail AAA Fail

Text on black

5,56:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026