#456350

#456350

Color Values

HEX

#456350

RGB

69, 99, 80

HSL

142.0, 17.9%, 32.9%

HSV

142.0, 30.3%, 38.8%

CMYK

30.3%, 0.0%, 19.2%, 61.2%

OKLCH

0.4702 0.0469 156.3

Properties

Cool Dark Nearest: RAL 6028 Pine Green

Color Harmonies

Complementary

#456350

#634558

Analogous

#496345

#45635F

#456350

Triadic

#456350

#504563

#635045

Split Complementary

#456350

#5F4563

#634549

Tetradic

#456350

#454963

#634558

#635F45

Color Blindness Simulation

Original

#456350

Protanopia

#525255

Deuteranopia

#504E56

Tritanopia

#465859

Achromatopsia

#5B5B5B

CSS Usage

background-color: #456350;
color: #456350;
border-color: #456350;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F6F9F7
100
#EAF0EC
200
#D5E2DA
300
#B7CDBF
400
#90B29C
500
#699679
600
#547861
700
#43604E
800
#344B3D
900
#29382E
950
#1A241D

Contrast Checker

Text on white

6.66:1

AA Pass AAA Fail

Text on black

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