#70BC9D

#70BC9D

Color Values

HEX

#70BC9D

RGB

112, 188, 157

HSL

155,5, 36,2%, 58,8%

HSV

155,5, 40,4%, 73,7%

CMYK

40,4%, 0,0%, 16,5%, 26,3%

OKLCH

0,7369 0,0889 166,0

Properties

Cool Light Nearest: mediumaquamarine

Color Harmonies

Complementary

#70BC9D

#BC708F

Analogous

#70BC77

#70B5BC

#70BC9D

Triadic

#70BC9D

#9D70BC

#BC9D70

Split Complementary

#70BC9D

#BC70B5

#BC7770

Tetradic

#70BC9D

#7770BC

#BC708F

#B5BC70

Color Blindness Simulation

Original

#70BC9D

Protanopia

#9192A4

Deuteranopia

#8C87A6

Tritanopia

#74AAAC

Achromatopsia

#AAAAAA

CSS Usage

background-color: #70BC9D;
color: #70BC9D;
border-color: #70BC9D;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5FAF8
100
#E8F3EE
200
#CEE8DE
300
#ACD8C6
400
#7EC3A7
500
#51AE88
600
#418B6D
700
#346F57
800
#295744
900
#214033
950
#152920

Contrast Checker

Text on white

2,24:1

AA Fail AAA Fail

Text on black

9,37:1

AA Pass AAA Pass

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