#7AC1BD

#7AC1BD

Color Values

HEX

#7AC1BD

RGB

122, 193, 189

HSL

176.6, 36.4%, 61.8%

HSV

176.6, 36.8%, 75.7%

CMYK

36.8%, 0.0%, 2.1%, 24.3%

OKLCH

0.763 0.0717 191.2

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#7AC1BD

#C17A7E

Analogous

#7AC19A

#7AA2C1

#7AC1BD

Triadic

#7AC1BD

#BD7AC1

#C1BD7A

Split Complementary

#7AC1BD

#C17AA2

#C19A7A

Tetradic

#7AC1BD

#9A7AC1

#C17A7E

#A2C17A

Color Blindness Simulation

Original

#7AC1BD

Protanopia

#9999BE

Deuteranopia

#958FBE

Tritanopia

#7EBFBF

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E8F3F2
200
#CEE8E7
300
#ACD8D6
400
#7EC3BF
500
#51AEA9
600
#418B87
700
#346F6C
800
#295754
900
#21403F
950
#152927

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

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