#679ABA

#679ABA

Color Values

HEX

#679ABA

RGB

103, 154, 186

HSL

203.1, 37.6%, 56.7%

HSV

203.1, 44.6%, 72.9%

CMYK

44.6%, 17.2%, 0.0%, 27.1%

OKLCH

0.6625 0.0724 236.9

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#679ABA

#BA8767

Analogous

#67BAB1

#6771BA

#679ABA

Triadic

#679ABA

#BA679A

#9ABA67

Split Complementary

#679ABA

#BA6771

#BAB167

Tetradic

#679ABA

#B167BA

#BA8767

#71BA67

Color Blindness Simulation

Original

#679ABA

Protanopia

#7D7EB2

Deuteranopia

#7A76B0

Tritanopia

#6AACAB

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CEDEE9
300
#ABC7D9
400
#7DA9C4
500
#508BAF
600
#406F8C
700
#335970
800
#284558
900
#203441
950
#142129

Contrast Checker

Text on white

3.04:1

AA Fail AAA Fail

Text on black

6.91:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026