#68A0CC

#68A0CC

Color Values

HEX

#68A0CC

RGB

104, 160, 204

HSL

206.4, 49.5%, 60.4%

HSV

206.4, 49.0%, 80.0%

CMYK

49.0%, 21.6%, 0.0%, 20.0%

OKLCH

0.6843 0.088 243.2

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#68A0CC

#CC9468

Analogous

#68CCC6

#686ECC

#68A0CC

Triadic

#68A0CC

#CC68A0

#A0CC68

Split Complementary

#68A0CC

#CC686E

#CCC668

Tetradic

#68A0CC

#C668CC

#CC9468

#6ECC68

Color Blindness Simulation

Original

#68A0CC

Protanopia

#8081C1

Deuteranopia

#7D79BF

Tritanopia

#6BB9B7

Achromatopsia

#979797

CSS Usage

background-color: #68A0CC;
color: #68A0CC;
border-color: #68A0CC;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F4F8FB
100
#E6EEF5
200
#CADDED
300
#A4C5E0
400
#72A6CF
500
#4087BF
600
#346C98
700
#29567A
800
#20445F
900
#1B3346
950
#11202C

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

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