#679EBA

#679EBA

Color Values

HEX

#679EBA

RGB

103, 158, 186

HSL

200.2, 37.6%, 56.7%

HSV

200.2, 44.6%, 72.9%

CMYK

44.6%, 15.1%, 0.0%, 27.1%

OKLCH

0.6716 0.0713 231.4

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#679EBA

#BA8367

Analogous

#67BAAD

#6775BA

#679EBA

Triadic

#679EBA

#BA679E

#9EBA67

Split Complementary

#679EBA

#BA6775

#BAAD67

Tetradic

#679EBA

#AD67BA

#BA8367

#75BA67

Color Blindness Simulation

Original

#679EBA

Protanopia

#7F7FB3

Deuteranopia

#7C78B2

Tritanopia

#6AAEAD

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EFF3
200
#CEE0E9
300
#ABC9D9
400
#7DACC4
500
#508FAF
600
#40738C
700
#335C70
800
#284858
900
#203641
950
#142229

Contrast Checker

Text on white

2.93:1

AA Fail AAA Fail

Text on black

7.18:1

AA Pass AAA Pass

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