#70BFA3

#70BFA3

Color Values

HEX

#70BFA3

RGB

112, 191, 163

HSL

158.7, 38.2%, 59.4%

HSV

158.7, 41.4%, 74.9%

CMYK

41.4%, 0.0%, 14.7%, 25.1%

OKLCH

0.7457 0.0889 169.1

Properties

Cool Light Nearest: mediumaquamarine

Color Harmonies

Complementary

#70BFA3

#BF708C

Analogous

#70BF7B

#70B4BF

#70BFA3

Triadic

#70BFA3

#A370BF

#BFA370

Split Complementary

#70BFA3

#BF70B4

#BF7B70

Tetradic

#70BFA3

#7B70BF

#BF708C

#B4BF70

Color Blindness Simulation

Original

#70BFA3

Protanopia

#9293AA

Deuteranopia

#8E88AB

Tritanopia

#74AFB0

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F3EF
200
#CEE9DF
300
#AAD9C9
400
#7DC5AB
500
#4FB08E
600
#3F8D71
700
#32715B
800
#275847
900
#204135
950
#142922

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

9.67:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026