#7BEBAB

#7BEBAB

Color Values

HEX

#7BEBAB

RGB

123, 235, 171

HSL

145.7, 73.7%, 70.2%

HSV

145.7, 47.7%, 92.2%

CMYK

47.7%, 0.0%, 27.2%, 7.8%

OKLCH

0.8569 0.1379 156.8

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#7BEBAB

#EB7BBB

Analogous

#83EB7B

#7BEBE3

#7BEBAB

Triadic

#7BEBAB

#AB7BEB

#EBAB7B

Split Complementary

#7BEBAB

#E37BEB

#EB7B83

Tetradic

#7BEBAB

#7B83EB

#EB7BBB

#EBE37B

Color Blindness Simulation

Original

#7BEBAB

Protanopia

#ACACBA

Deuteranopia

#A59DBE

Tritanopia

#81C7C9

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E2F8EC
200
#C1F6D8
300
#95EFBB
400
#5BE697
500
#22DD72
600
#1BB15B
700
#158E49
800
#116F39
900
#10512C
950
#0A331C

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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