#68AADC

#68AADC

Color Values

HEX

#68AADC

RGB

104, 170, 220

HSL

205.9, 62.4%, 63.5%

HSV

205.9, 52.7%, 86.3%

CMYK

52.7%, 22.7%, 0.0%, 13.7%

OKLCH

0.7137 0.0997 242.6

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#68AADC

#DC9A68

Analogous

#68DCD4

#6870DC

#68AADC

Triadic

#68AADC

#DC68AA

#AADC68

Split Complementary

#68AADC

#DC6870

#DCD468

Tetradic

#68AADC

#D468DC

#DC9A68

#70DC68

Color Blindness Simulation

Original

#68AADC

Protanopia

#8585D0

Deuteranopia

#817CCD

Tritanopia

#6BC6C4

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#F3F8FB
100
#E4EEF7
200
#C5DEF2
300
#9CC7E8
400
#66A9DC
500
#308ACF
600
#266FA6
700
#1F5985
800
#184568
900
#15344C
950
#0D2130

Contrast Checker

Text on white

2.51:1

AA Fail AAA Fail

Text on black

8.37:1

AA Pass AAA Pass

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