#7EAAAD

#7EAAAD

Color Values

HEX

#7EAAAD

RGB

126, 170, 173

HSL

183.8, 22.3%, 58.6%

HSV

183.8, 27.2%, 67.8%

CMYK

27.2%, 1.7%, 0.0%, 32.2%

OKLCH

0.7074 0.0474 201.4

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#7EAAAD

#AD817E

Analogous

#7EAD98

#7E92AD

#7EAAAD

Triadic

#7EAAAD

#AD7EAA

#AAAD7E

Split Complementary

#7EAAAD

#AD7E92

#AD987E

Tetradic

#7EAAAD

#987EAD

#AD817E

#92AD7E

Color Blindness Simulation

Original

#7EAAAD

Protanopia

#9191AC

Deuteranopia

#8E8BAC

Tritanopia

#80ACAC

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#EAF0F1
200
#D3E2E3
300
#B4CECF
400
#8CB3B6
500
#63989C
600
#4F7A7D
700
#3F6164
800
#324C4E
900
#27393A
950
#182425

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

8.24:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026