#68ACDF

#68ACDF

Color Values

HEX

#68ACDF

RGB

104, 172, 223

HSL

205.7, 65.0%, 64.1%

HSV

205.7, 53.4%, 87.5%

CMYK

53.4%, 22.9%, 0.0%, 12.5%

OKLCH

0.7195 0.1018 242.4

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#68ACDF

#DF9B68

Analogous

#68DFD6

#6870DF

#68ACDF

Triadic

#68ACDF

#DF68AC

#ACDF68

Split Complementary

#68ACDF

#DF6870

#DFD668

Tetradic

#68ACDF

#D668DF

#DF9B68

#70DF68

Color Blindness Simulation

Original

#68ACDF

Protanopia

#8586D3

Deuteranopia

#827CD0

Tritanopia

#6BC9C7

Achromatopsia

#A1A1A1

CSS Usage

background-color: #68ACDF;
color: #68ACDF;
border-color: #68ACDF;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F3F8FC
100
#E3EFF7
200
#C4DFF3
300
#9AC8EA
400
#63A9DE
500
#2D8BD2
600
#2470A8
700
#1D5987
800
#164669
900
#14354D
950
#0D2131

Contrast Checker

Text on white

2.45:1

AA Fail AAA Fail

Text on black

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