#71CE95

#71CE95

Color Values

HEX

#71CE95

RGB

113, 206, 149

HSL

143.2, 48.7%, 62.5%

HSV

143.2, 45.1%, 80.8%

CMYK

45.1%, 0.0%, 27.7%, 19.2%

OKLCH

0.7785 0.1217 155.4

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#71CE95

#CE71AA

Analogous

#7BCE71

#71CEC3

#71CE95

Triadic

#71CE95

#9571CE

#CE9571

Split Complementary

#71CE95

#C371CE

#CE717B

Tetradic

#71CE95

#717BCE

#CE71AA

#CEC371

Color Blindness Simulation

Original

#71CE95

Protanopia

#999AA3

Deuteranopia

#948DA6

Tritanopia

#76AEB0

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#F4FBF7
100
#E6F5EB
200
#CAEDD7
300
#A4E0BB
400
#73CF96
500
#41BE71
600
#34985B
700
#2A7949
800
#215F39
900
#1B462C
950
#112C1C

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

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