#68AECD

#68AECD

Color Values

HEX

#68AECD

RGB

104, 174, 205

HSL

198.4, 50.2%, 60.6%

HSV

198.4, 49.3%, 80.4%

CMYK

49.3%, 15.1%, 0.0%, 19.6%

OKLCH

0.7163 0.0838 228.3

Properties

Cool Light Nearest: Maximum Blue

Color Harmonies

Complementary

#68AECD

#CD8768

Analogous

#68CDB9

#687CCD

#68AECD

Triadic

#68AECD

#CD68AE

#AECD68

Split Complementary

#68AECD

#CD687C

#CDB968

Tetradic

#68AECD

#B968CD

#CD8768

#7CCD68

Color Blindness Simulation

Original

#68AECD

Protanopia

#8687C6

Deuteranopia

#827DC4

Tritanopia

#6CC0BE

Achromatopsia

#A1A1A1

CSS Usage

background-color: #68AECD;
color: #68AECD;
border-color: #68AECD;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F4F9FB
100
#E6F0F5
200
#C9E2ED
300
#A3CEE1
400
#71B3D0
500
#3F98C0
600
#337A99
700
#29617B
800
#204C60
900
#1B3946
950
#11242C

Contrast Checker

Text on white

2.46:1

AA Fail AAA Fail

Text on black

8.52:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026