#70F2BD

#70F2BD

Color Values

HEX

#70F2BD

RGB

112, 242, 189

HSL

155.5, 83.3%, 69.4%

HSV

155.5, 53.7%, 94.9%

CMYK

53.7%, 0.0%, 21.9%, 5.1%

OKLCH

0.8734 0.1387 164.1

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#70F2BD

#F270A5

Analogous

#70F27C

#70E6F2

#70F2BD

Triadic

#70F2BD

#BD70F2

#F2BD70

Split Complementary

#70F2BD

#F270E6

#F27C70

Tetradic

#70F2BD

#7C70F2

#F270A5

#E6F270

Color Blindness Simulation

Original

#70F2BD

Protanopia

#A8A9CA

Deuteranopia

#A197CD

Tritanopia

#76D4D6

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F2FDF8
100
#E1FAEF
200
#BEF9E1
300
#8FF5CB
400
#52EFAF
500
#15EA93
600
#11BB76
700
#0E965E
800
#0B7549
900
#0C5537
950
#083623

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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