#468460

#468460

Color Values

HEX

#468460

RGB

70, 132, 96

HSL

145.2, 30.7%, 39.6%

HSV

145.2, 47.0%, 51.8%

CMYK

47.0%, 0.0%, 27.3%, 48.2%

OKLCH

0.5612 0.086 156.7

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#468460

#84466A

Analogous

#4B8446

#46847F

#468460

Triadic

#468460

#604684

#846046

Split Complementary

#468460

#7F4684

#84464B

Tetradic

#468460

#464B84

#84466A

#847F46

Color Blindness Simulation

Original

#468460

Protanopia

#616169

Deuteranopia

#5D596B

Tritanopia

#497071

Achromatopsia

#747474

CSS Usage

background-color: #468460;
color: #468460;
border-color: #468460;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F5F9F7
100
#E8F2EC
200
#D0E6DA
300
#AFD5BF
400
#84BE9C
500
#58A779
600
#478561
700
#396B4E
800
#2C533D
900
#233E2E
950
#16271D

Contrast Checker

Text on white

4.44:1

AA Fail AAA Fail

Text on black

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