#70BBBA

#70BBBA

Color Values

HEX

#70BBBA

RGB

112, 187, 186

HSL

179.2, 35.5%, 58.6%

HSV

179.2, 40.1%, 73.3%

CMYK

40.1%, 0.0%, 0.5%, 26.7%

OKLCH

0.7432 0.0748 194.6

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#70BBBA

#BB7071

Analogous

#70BB94

#7096BB

#70BBBA

Triadic

#70BBBA

#BA70BB

#BBBA70

Split Complementary

#70BBBA

#BB7096

#BB9470

Tetradic

#70BBBA

#9470BB

#BB7071

#96BB70

Color Blindness Simulation

Original

#70BBBA

Protanopia

#9091BA

Deuteranopia

#8C86BA

Tritanopia

#74BABA

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E8F3F2
200
#CFE8E8
300
#ACD8D7
400
#7FC2C1
500
#52ADAC
600
#428A89
700
#356F6E
800
#295656
900
#214040
950
#152828

Contrast Checker

Text on white

2.21:1

AA Fail AAA Fail

Text on black

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