#679695

#679695

Color Values

HEX

#679695

RGB

103, 150, 149

HSL

178.7, 18.6%, 49.6%

HSV

178.7, 31.3%, 58.8%

CMYK

31.3%, 0.0%, 0.7%, 41.2%

OKLCH

0.6392 0.0507 194.3

Properties

Cool Light Nearest: RAL 5024 Pastel Blue

Color Harmonies

Complementary

#679695

#966768

Analogous

#67967D

#677F96

#679695

Triadic

#679695

#956796

#969567

Split Complementary

#679695

#96677F

#967D67

Tetradic

#679695

#7D6796

#966768

#7F9667

Color Blindness Simulation

Original

#679695

Protanopia

#7B7C95

Deuteranopia

#797595

Tritanopia

#699595

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#EAF0F0
200
#D5E2E2
300
#B6CDCD
400
#8FB2B1
500
#689796
600
#537978
700
#426160
800
#344C4B
900
#283938
950
#192424

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

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