#7ABEBD

#7ABEBD

Color Values

HEX

#7ABEBD

RGB

122, 190, 189

HSL

179.1, 34.3%, 61.2%

HSV

179.1, 35.8%, 74.5%

CMYK

35.8%, 0.0%, 0.5%, 25.5%

OKLCH

0.7561 0.0689 194.6

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#7ABEBD

#BE7A7B

Analogous

#7ABE9B

#7A9DBE

#7ABEBD

Triadic

#7ABEBD

#BD7ABE

#BEBD7A

Split Complementary

#7ABEBD

#BE7A9D

#BE9B7A

Tetradic

#7ABEBD

#9B7ABE

#BE7A7B

#9DBE7A

Color Blindness Simulation

Original

#7ABEBD

Protanopia

#9798BD

Deuteranopia

#948EBD

Tritanopia

#7DBDBD

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E8F2F2
200
#CFE8E7
300
#ADD7D6
400
#80C1C0
500
#54ABAA
600
#438988
700
#366E6D
800
#2A5655
900
#213F3F
950
#152828

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

9.93:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026