#6880CD

#6880CD

Color Values

HEX

#6880CD

RGB

104, 128, 205

HSL

225.7, 50.2%, 60.6%

HSV

225.7, 49.3%, 80.4%

CMYK

49.3%, 37.6%, 0.0%, 19.6%

OKLCH

0.6152 0.1202 269.5

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#6880CD

#CDB568

Analogous

#68B3CD

#8268CD

#6880CD

Triadic

#6880CD

#CD6880

#80CD68

Split Complementary

#6880CD

#CD8268

#B3CD68

Tetradic

#6880CD

#CD68B3

#CDB568

#68CD82

Color Blindness Simulation

Original

#6880CD

Protanopia

#7273BA

Deuteranopia

#716FB6

Tritanopia

#69ACA8

Achromatopsia

#808080

CSS Usage

background-color: #6880CD;
color: #6880CD;
border-color: #6880CD;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F4F6FB
100
#E6E9F5
200
#C9D2ED
300
#A3B2E1
400
#7188D0
500
#3F5EC0
600
#334B99
700
#293C7B
800
#202F60
900
#1B2546
950
#11172C

Contrast Checker

Text on white

3.78:1

AA Fail AAA Fail

Text on black

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