#7694B2

#7694B2

Color Values

HEX

#7694B2

RGB

118, 148, 178

HSL

210.0, 28.0%, 58.0%

HSV

210.0, 33.7%, 69.8%

CMYK

33.7%, 16.9%, 0.0%, 30.2%

OKLCH

0.6547 0.0563 248.7

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#7694B2

#B29476

Analogous

#76B2B2

#7676B2

#7694B2

Triadic

#7694B2

#B27694

#94B276

Split Complementary

#7694B2

#B27676

#B2B276

Tetradic

#7694B2

#B276B2

#B29476

#76B276

Color Blindness Simulation

Original

#7694B2

Protanopia

#8383AB

Deuteranopia

#817FA9

Tritanopia

#78A5A4

Achromatopsia

#909090

CSS Usage

background-color: #7694B2;
color: #7694B2;
border-color: #7694B2;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F7F9
100
#E9EDF1
200
#D1DBE5
300
#B1C2D3
400
#86A1BB
500
#5C80A3
600
#496683
700
#3B5268
800
#2E4052
900
#24303D
950
#171F26

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

6.65:1

AA Pass AAA Fail

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