#71ECB2

#71ECB2

Color Values

HEX

#71ECB2

RGB

113, 236, 178

HSL

151.7, 76.4%, 68.4%

HSV

151.7, 52.1%, 92.5%

CMYK

52.1%, 0.0%, 24.6%, 7.5%

OKLCH

0.857 0.1389 160.9

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#71ECB2

#EC71AB

Analogous

#71EC74

#71E8EC

#71ECB2

Triadic

#71ECB2

#B271EC

#ECB271

Split Complementary

#71ECB2

#EC71E8

#EC7471

Tetradic

#71ECB2

#7471EC

#EC71AB

#E8EC71

Color Blindness Simulation

Original

#71ECB2

Protanopia

#A6A7C0

Deuteranopia

#9F96C3

Tritanopia

#77CBCE

Achromatopsia

#CECECE

CSS Usage

background-color: #71ECB2;
color: #71ECB2;
border-color: #71ECB2;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F2FCF8
100
#E2F9EE
200
#C0F7DD
300
#93F1C4
400
#59E9A5
500
#1EE185
600
#18B46A
700
#139055
800
#0F7043
900
#0F5232
950
#0A3420

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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