#446C48

#446C48

Color Values

HEX

#446C48

RGB

68, 108, 72

HSL

126.0, 22.7%, 34.5%

HSV

126.0, 37.0%, 42.4%

CMYK

37.0%, 0.0%, 33.3%, 57.6%

OKLCH

0.4911 0.0727 146.8

Properties

Cool Dark Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#446C48

#6C4468

Analogous

#546C44

#446C5C

#446C48

Triadic

#446C48

#48446C

#6C4844

Split Complementary

#446C48

#5C446C

#6C4454

Tetradic

#446C48

#44546C

#6C4468

#6C5C44

Color Blindness Simulation

Original

#446C48

Protanopia

#555651

Deuteranopia

#535053

Tritanopia

#465859

Achromatopsia

#616161

CSS Usage

background-color: #446C48;
color: #446C48;
border-color: #446C48;
Nearest Tailwind: Green 900 #14532D

Tailwind Shades

50
#F6F9F6
100
#EAF1EA
200
#D3E3D5
300
#B4D0B7
400
#8BB690
500
#639C68
600
#4F7D53
700
#3F6443
800
#314E34
900
#273A29
950
#18251A

Contrast Checker

Text on white

6.03:1

AA Pass AAA Fail

Text on black

3.48:1

AA Fail 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