#68A2D7

#68A2D7

Color Values

HEX

#68A2D7

RGB

104, 162, 215

HSL

208.6, 58.1%, 62.5%

HSV

208.6, 51.6%, 84.3%

CMYK

51.6%, 24.7%, 0.0%, 15.7%

OKLCH

0.6937 0.0993 247.3

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#68A2D7

#D79D68

Analogous

#68D7D4

#686AD7

#68A2D7

Triadic

#68A2D7

#D768A2

#A2D768

Split Complementary

#68A2D7

#D7686A

#D7D468

Tetradic

#68A2D7

#D468D7

#D79D68

#6AD768

Color Blindness Simulation

Original

#68A2D7

Protanopia

#8182CA

Deuteranopia

#7E79C7

Tritanopia

#6BC0BE

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F4F8FB
100
#E4EEF6
200
#C7DCF0
300
#9EC3E5
400
#6AA3D7
500
#3583CA
600
#2B69A1
700
#225481
800
#1B4165
900
#17324A
950
#0F1F2F

Contrast Checker

Text on white

2.71:1

AA Fail AAA Fail

Text on black

7.74:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026