#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

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