#679398

#679398

Color Values

HEX

#679398

RGB

103, 147, 152

HSL

186.1, 19.2%, 50.0%

HSV

186.1, 32.2%, 59.6%

CMYK

32.2%, 3.3%, 0.0%, 40.4%

OKLCH

0.6332 0.0484 204.9

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#679398

#986C67

Analogous

#679884

#677B98

#679398

Triadic

#679398

#986793

#939867

Split Complementary

#679398

#98677B

#988467

Tetradic

#679398

#846798

#986C67

#7B9867

Color Blindness Simulation

Original

#679398

Protanopia

#7A7A97

Deuteranopia

#787496

Tritanopia

#699696

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D4E1E2
300
#B6CBCE
400
#8FAFB3
500
#679398
600
#52767A
700
#425E61
800
#344A4C
900
#283739
950
#192324

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

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