#7ABCAA

#7ABCAA

Color Values

HEX

#7ABCAA

RGB

122, 188, 170

HSL

163,6, 33,0%, 60,8%

HSV

163,6, 35,1%, 73,7%

CMYK

35,1%, 0,0%, 9,6%, 26,3%

OKLCH

0,7456 0,0725 175,1

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#7ABCAA

#BC7A8C

Analogous

#7ABC89

#7AADBC

#7ABCAA

Triadic

#7ABCAA

#AA7ABC

#BCAA7A

Split Complementary

#7ABCAA

#BC7AAD

#BC897A

Tetradic

#7ABCAA

#897ABC

#BC7A8C

#ADBC7A

Color Blindness Simulation

Original

#7ABCAA

Protanopia

#9797AE

Deuteranopia

#938EAF

Tritanopia

#7DB2B3

Achromatopsia

#ADADAD

CSS Usage

background-color: #7ABCAA;
color: #7ABCAA;
border-color: #7ABCAA;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5F9F8
100
#E8F2EF
200
#D0E7E1
300
#AED6CB
400
#82C0AF
500
#55AA93
600
#448875
700
#376D5E
800
#2B5549
900
#223F37
950
#162823

Contrast Checker

Text on white

2,19:1

AA Fail AAA Fail

Text on black

9,6: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