#70C69E

#70C69E

Color Values

HEX

#70C69E

RGB

112, 198, 158

HSL

152.1, 43.0%, 60.8%

HSV

152.1, 43.4%, 77.6%

CMYK

43.4%, 0.0%, 20.2%, 22.4%

OKLCH

0.761 0.1027 162.5

Properties

Cool Light Nearest: mediumaquamarine

Color Harmonies

Complementary

#70C69E

#C67098

Analogous

#70C673

#70C3C6

#70C69E

Triadic

#70C69E

#9E70C6

#C69E70

Split Complementary

#70C69E

#C670C3

#C67370

Tetradic

#70C69E

#7370C6

#C67098

#C3C670

Color Blindness Simulation

Original

#70C69E

Protanopia

#9596A8

Deuteranopia

#908AAA

Tritanopia

#74AFB1

Achromatopsia

#B1B1B1

CSS Usage

background-color: #70C69E;
color: #70C69E;
border-color: #70C69E;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F5FAF8
100
#E7F4EE
200
#CCEBDC
300
#A7DCC4
400
#78C9A3
500
#49B683
600
#3A9269
700
#2F7554
800
#245B42
900
#1E4332
950
#132A1F

Contrast Checker

Text on white

2.05:1

AA Fail AAA Fail

Text on black

10.26:1

AA Pass AAA Pass

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