#679698

#679698

Color Values

HEX

#679698

RGB

103, 150, 152

HSL

182.4, 19.2%, 50.0%

HSV

182.4, 32.2%, 59.6%

CMYK

32.2%, 1.3%, 0.0%, 40.4%

OKLCH

0.6403 0.0507 199.3

Properties

Cool Light Nearest: RAL 5024 Pastel Blue

Color Harmonies

Complementary

#679698

#986967

Analogous

#679881

#677E98

#679698

Triadic

#679698

#986796

#969867

Split Complementary

#679698

#98677E

#988167

Tetradic

#679698

#816798

#986967

#7E9867

Color Blindness Simulation

Original

#679698

Protanopia

#7B7C98

Deuteranopia

#797597

Tritanopia

#699797

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAF0F0
200
#D4E2E2
300
#B6CDCE
400
#8FB1B3
500
#679698
600
#52787A
700
#426061
800
#344B4C
900
#283839
950
#192324

Contrast Checker

Text on white

3.29:1

AA Fail AAA Fail

Text on black

6.39:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026