#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026