#7BA2A7

#7BA2A7

Color Values

HEX

#7BA2A7

RGB

123, 162, 167

HSL

186.8, 20.0%, 56.9%

HSV

186.8, 26.3%, 65.5%

CMYK

26.3%, 3.0%, 0.0%, 34.5%

OKLCH

0.6853 0.0431 206.0

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#7BA2A7

#A7807B

Analogous

#7BA796

#7B8CA7

#7BA2A7

Triadic

#7BA2A7

#A77BA2

#A2A77B

Split Complementary

#7BA2A7

#A77B8C

#A7967B

Tetradic

#7BA2A7

#967BA7

#A7807B

#8CA77B

Color Blindness Simulation

Original

#7BA2A7

Protanopia

#8C8CA6

Deuteranopia

#8A87A6

Tritanopia

#7DA5A5

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D4E1E2
300
#B6CBCE
400
#8EAFB4
500
#669399
600
#52767A
700
#415E62
800
#334A4D
900
#283739
950
#192324

Contrast Checker

Text on white

2.77:1

AA Fail AAA Fail

Text on black

7.57:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026