#7ABEBB

#7ABEBB

Color Values

HEX

#7ABEBB

RGB

122, 190, 187

HSL

177.4, 34.3%, 61.2%

HSV

177.4, 35.8%, 74.5%

CMYK

35.8%, 0.0%, 1.6%, 25.5%

OKLCH

0.7555 0.0691 192.2

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#7ABEBB

#BE7A7D

Analogous

#7ABE99

#7A9FBE

#7ABEBB

Triadic

#7ABEBB

#BB7ABE

#BEBB7A

Split Complementary

#7ABEBB

#BE7A9F

#BE997A

Tetradic

#7ABEBB

#997ABE

#BE7A7D

#9FBE7A

Color Blindness Simulation

Original

#7ABEBB

Protanopia

#9798BC

Deuteranopia

#948EBC

Tritanopia

#7DBCBC

Achromatopsia

#AFAFAF

CSS Usage

background-color: #7ABEBB;
color: #7ABEBB;
border-color: #7ABEBB;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F5FAF9
100
#E8F2F2
200
#CFE8E6
300
#ADD7D5
400
#80C1BE
500
#54ABA7
600
#438986
700
#366E6B
800
#2A5654
900
#213F3E
950
#152827

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

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