#678DDA

#678DDA

Color Values

HEX

#678DDA

RGB

103, 141, 218

HSL

220.2, 60.8%, 62.9%

HSV

220.2, 52.8%, 85.5%

CMYK

52.8%, 35.3%, 0.0%, 14.5%

OKLCH

0.649 0.1234 263.4

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#678DDA

#DAB467

Analogous

#67C6DA

#7A67DA

#678DDA

Triadic

#678DDA

#DA678D

#8DDA67

Split Complementary

#678DDA

#DA7A67

#C6DA67

Tetradic

#678DDA

#DA67C6

#DAB467

#67DA7A

Color Blindness Simulation

Original

#678DDA

Protanopia

#7778C7

Deuteranopia

#7572C3

Tritanopia

#69B9B5

Achromatopsia

#8A8A8A

CSS Usage

background-color: #678DDA;
color: #678DDA;
border-color: #678DDA;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F6FB
100
#E4EAF6
200
#C6D4F1
300
#9DB5E7
400
#678DDA
500
#3265CD
600
#2851A4
700
#204183
800
#193367
900
#16274B
950
#0E192F

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

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