#7BAE98

#7BAE98

Color Values

HEX

#7BAE98

RGB

123, 174, 152

HSL

154.1, 23.9%, 58.2%

HSV

154.1, 29.3%, 68.2%

CMYK

29.3%, 0.0%, 12.6%, 31.8%

OKLCH

0.7084 0.0631 166.0

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#7BAE98

#AE7B91

Analogous

#7BAE7E

#7BAAAE

#7BAE98

Triadic

#7BAE98

#987BAE

#AE987B

Split Complementary

#7BAE98

#AE7BAA

#AE7E7B

Tetradic

#7BAE98

#7E7BAE

#AE7B91

#AAAE7B

Color Blindness Simulation

Original

#7BAE98

Protanopia

#91929D

Deuteranopia

#8E8A9F

Tritanopia

#7EA2A2

Achromatopsia

#A2A2A2

CSS Usage

background-color: #7BAE98;
color: #7BAE98;
border-color: #7BAE98;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F6F9F8
100
#EAF1EE
200
#D3E4DC
300
#B3D0C4
400
#8AB7A4
500
#619E84
600
#4E7E69
700
#3E6554
800
#314F42
900
#263B32
950
#18251F

Contrast Checker

Text on white

2.51:1

AA Fail AAA Fail

Text on black

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