#7FA5AD

#7FA5AD

Color Values

HEX

#7FA5AD

RGB

127, 165, 173

HSL

190.4, 21.9%, 58.8%

HSV

190.4, 26.6%, 67.8%

CMYK

26.6%, 4.6%, 0.0%, 32.2%

OKLCH

0.6967 0.043 212.0

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#7FA5AD

#AD877F

Analogous

#7FAD9E

#7F8EAD

#7FA5AD

Triadic

#7FA5AD

#AD7FA5

#A5AD7F

Split Complementary

#7FA5AD

#AD7F8E

#AD9E7F

Tetradic

#7FA5AD

#9E7FAD

#AD877F

#8EAD7F

Color Blindness Simulation

Original

#7FA5AD

Protanopia

#8F90AB

Deuteranopia

#8D8AAB

Tritanopia

#81AAA9

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D3E0E3
300
#B4CBCF
400
#8CAEB5
500
#64929B
600
#50757C
700
#405D63
800
#32494E
900
#27373A
950
#192325

Contrast Checker

Text on white

2.66:1

AA Fail AAA Fail

Text on black

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