#7BCC82

#7BCC82

Color Values

HEX

#7BCC82

RGB

123, 204, 130

HSL

125.2, 44.3%, 64.1%

HSV

125.2, 39.7%, 80.0%

CMYK

39.7%, 0.0%, 36.3%, 20.0%

OKLCH

0.7745 0.1312 146.1

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#7BCC82

#CC7BC5

Analogous

#9CCC7B

#7BCCAA

#7BCC82

Triadic

#7BCC82

#827BCC

#CC827B

Split Complementary

#7BCC82

#AA7BCC

#CC7B9C

Tetradic

#7BCC82

#7B9CCC

#CC7BC5

#CCAA7B

Color Blindness Simulation

Original

#7BCC82

Protanopia

#9E9F94

Deuteranopia

#999398

Tritanopia

#7FA2A5

Achromatopsia

#B5B5B5

CSS Usage

background-color: #7BCC82;
color: #7BCC82;
border-color: #7BCC82;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F4FAF5
100
#E6F4E8
200
#CBEBCE
300
#A7DDAB
400
#77CA7E
500
#47B851
600
#399341
700
#2D7634
800
#245C28
900
#1D4420
950
#122B15

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

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