#679AA8

#679AA8

Color Values

HEX

#679AA8

RGB

103, 154, 168

HSL

192.9, 27.2%, 53.1%

HSV

192.9, 38.7%, 65.9%

CMYK

38.7%, 8.3%, 0.0%, 34.1%

OKLCH

0.6554 0.0581 216.9

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#679AA8

#A87567

Analogous

#67A895

#6779A8

#679AA8

Triadic

#679AA8

#A8679A

#9AA867

Split Complementary

#679AA8

#A86779

#A89567

Tetradic

#679AA8

#9567A8

#A87567

#79A867

Color Blindness Simulation

Original

#679AA8

Protanopia

#7D7EA5

Deuteranopia

#7A76A4

Tritanopia

#6AA2A1

Achromatopsia

#909090

CSS Usage

background-color: #679AA8;
color: #679AA8;
border-color: #679AA8;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F8F9
100
#E9F0F1
200
#D2E1E5
300
#B1CBD2
400
#87AFBA
500
#5D93A2
600
#4A7682
700
#3B5E68
800
#2E4A51
900
#25373C
950
#172326

Contrast Checker

Text on white

3.1:1

AA Fail AAA Fail

Text on black

6.76:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026