#468770

#468770

Color Values

HEX

#468770

RGB

70, 135, 112

HSL

158.8, 31.7%, 40.2%

HSV

158.8, 48.1%, 52.9%

CMYK

48.1%, 0.0%, 17.0%, 47.1%

OKLCH

0.5733 0.0765 168.4

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#468770

#87465D

Analogous

#468750

#467D87

#468770

Triadic

#468770

#704687

#877046

Split Complementary

#468770

#87467D

#875046

Tetradic

#468770

#504687

#87465D

#7D8746

Color Blindness Simulation

Original

#468770

Protanopia

#626376

Deuteranopia

#5E5A77

Tritanopia

#497A7B

Achromatopsia

#787878

CSS Usage

background-color: #468770;
color: #468770;
border-color: #468770;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F5F9F8
100
#E8F2EF
200
#D0E7DF
300
#AED5C7
400
#83BFA9
500
#57A88B
600
#46866F
700
#386B59
800
#2C5446
900
#233E35
950
#162721

Contrast Checker

Text on white

4.23:1

AA Fail AAA Fail

Text on black

4.96:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026