#68ACD7

#68ACD7

Color Values

HEX

#68ACD7

RGB

104, 172, 215

HSL

203.2, 58.1%, 62.5%

HSV

203.2, 51.6%, 84.3%

CMYK

51.6%, 20.0%, 0.0%, 15.7%

OKLCH

0.716 0.0935 237.8

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#68ACD7

#D79368

Analogous

#68D7CA

#6874D7

#68ACD7

Triadic

#68ACD7

#D768AC

#ACD768

Split Complementary

#68ACD7

#D76874

#D7CA68

Tetradic

#68ACD7

#CA68D7

#D79368

#74D768

Color Blindness Simulation

Original

#68ACD7

Protanopia

#8586CD

Deuteranopia

#827CCA

Tritanopia

#6BC4C3

Achromatopsia

#A1A1A1

CSS Usage

background-color: #68ACD7;
color: #68ACD7;
border-color: #68ACD7;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F4F8FB
100
#E4EFF6
200
#C7E0F0
300
#9ECAE5
400
#6AADD7
500
#3590CA
600
#2B73A1
700
#225C81
800
#1B4865
900
#17364A
950
#0F222F

Contrast Checker

Text on white

2.48:1

AA Fail AAA Fail

Text on black

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