#7ABCBE

#7ABCBE

Color Values

HEX

#7ABCBE

RGB

122, 188, 190

HSL

181,8, 34,3%, 61,2%

HSV

181,8, 35,8%, 74,5%

CMYK

35,8%, 1,1%, 0,0%, 25,5%

OKLCH

0,7519 0,0672 198,3

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#7ABCBE

#BE7C7A

Analogous

#7ABE9E

#7A9ABE

#7ABCBE

Triadic

#7ABCBE

#BE7ABC

#BCBE7A

Split Complementary

#7ABCBE

#BE7A9A

#BE9E7A

Tetradic

#7ABCBE

#9E7ABE

#BE7C7A

#9ABE7A

Color Blindness Simulation

Original

#7ABCBE

Protanopia

#9797BE

Deuteranopia

#938EBD

Tritanopia

#7DBDBD

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F2F2
200
#CFE7E8
300
#ADD6D7
400
#80BFC1
500
#54A9AB
600
#438789
700
#366C6E
800
#2A5456
900
#213F3F
950
#152728

Contrast Checker

Text on white

2,15:1

AA Fail AAA Fail

Text on black

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