#68ADF0

#68ADF0

Color Values

HEX

#68ADF0

RGB

104, 173, 240

HSL

209.6, 81.9%, 67.5%

HSV

209.6, 56.7%, 94.1%

CMYK

56.7%, 27.9%, 0.0%, 5.9%

OKLCH

0.7296 0.1205 249.1

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#68ADF0

#F0AB68

Analogous

#68F0EF

#6869F0

#68ADF0

Triadic

#68ADF0

#F068AD

#ADF068

Split Complementary

#68ADF0

#F06869

#F0EF68

Tetradic

#68ADF0

#EF68F0

#F0AB68

#69F068

Color Blindness Simulation

Original

#68ADF0

Protanopia

#8686E0

Deuteranopia

#827DDC

Tritanopia

#6BD3D0

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E1EDFA
200
#BEDCF9
300
#90C2F4
400
#53A2EE
500
#1781E8
600
#1267BA
700
#0F5294
800
#0C4074
900
#0D3154
950
#081F35

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

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