#7BAFB1

#7BAFB1

Color Values

HEX

#7BAFB1

RGB

123, 175, 177

HSL

182.2, 25.7%, 58.8%

HSV

182.2, 30.5%, 69.4%

CMYK

30.5%, 1.1%, 0.0%, 30.6%

OKLCH

0.7183 0.0548 199.0

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#7BAFB1

#B17D7B

Analogous

#7BB198

#7B94B1

#7BAFB1

Triadic

#7BAFB1

#B17BAF

#AFB17B

Split Complementary

#7BAFB1

#B17B94

#B1987B

Tetradic

#7BAFB1

#987BB1

#B17D7B

#94B17B

Color Blindness Simulation

Original

#7BAFB1

Protanopia

#9292B1

Deuteranopia

#8E8BB0

Tritanopia

#7EB0B0

Achromatopsia

#A4A4A4

CSS Usage

background-color: #7BAFB1;
color: #7BAFB1;
border-color: #7BAFB1;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F9F9
100
#E9F1F1
200
#D2E4E4
300
#B2D0D2
400
#88B7B9
500
#5F9EA0
600
#4C7E80
700
#3D6567
800
#2F4F50
900
#253B3C
950
#182526

Contrast Checker

Text on white

2.44:1

AA Fail AAA Fail

Text on black

8.61:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026