#70D2BD

#70D2BD

Color Values

HEX

#70D2BD

RGB

112, 210, 189

HSL

167.1, 52.1%, 63.1%

HSV

167.1, 46.7%, 82.4%

CMYK

46.7%, 0.0%, 10.0%, 17.6%

OKLCH

0.7979 0.0982 178.0

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#70D2BD

#D27085

Analogous

#70D28C

#70B6D2

#70D2BD

Triadic

#70D2BD

#BD70D2

#D2BD70

Split Complementary

#70D2BD

#D270B6

#D28C70

Tetradic

#70D2BD

#8C70D2

#D27085

#B6D270

Color Blindness Simulation

Original

#70D2BD

Protanopia

#9A9BC2

Deuteranopia

#958DC3

Tritanopia

#75C6C7

Achromatopsia

#BCBCBC

CSS Usage

background-color: #70D2BD;
color: #70D2BD;
border-color: #70D2BD;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F4FBF9
100
#E5F5F2
200
#C9EEE6
300
#A2E2D4
400
#6FD2BD
500
#3DC2A5
600
#319B84
700
#277C6A
800
#1F6153
900
#1A473D
950
#102D27

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

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