#68A2DA

#68A2DA

Color Values

HEX

#68A2DA

RGB

104, 162, 218

HSL

209.5, 60.6%, 63.1%

HSV

209.5, 52.3%, 85.5%

CMYK

52.3%, 25.7%, 0.0%, 14.5%

OKLCH

0.695 0.1028 248.7

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#68A2DA

#DAA068

Analogous

#68DAD9

#6869DA

#68A2DA

Triadic

#68A2DA

#DA68A2

#A2DA68

Split Complementary

#68A2DA

#DA6869

#DAD968

Tetradic

#68A2DA

#D968DA

#DAA068

#69DA68

Color Blindness Simulation

Original

#68A2DA

Protanopia

#8182CC

Deuteranopia

#7E79C9

Tritanopia

#6BC2BF

Achromatopsia

#9A9A9A

CSS Usage

background-color: #68A2DA;
color: #68A2DA;
border-color: #68A2DA;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F3F7FB
100
#E4EDF6
200
#C6DCF1
300
#9DC2E7
400
#67A2DA
500
#3281CD
600
#2867A4
700
#205283
800
#194066
900
#16314B
950
#0E1F2F

Contrast Checker

Text on white

2.7:1

AA Fail AAA Fail

Text on black

7.77:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026