#68ACF1

#68ACF1

Color Values

HEX

#68ACF1

RGB

104, 172, 241

HSL

210.2, 83.0%, 67.6%

HSV

210.2, 56.8%, 94.5%

CMYK

56.8%, 28.6%, 0.0%, 5.5%

OKLCH

0.7279 0.1225 250.2

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#68ACF1

#F1AD68

Analogous

#68F0F1

#6868F1

#68ACF1

Triadic

#68ACF1

#F168AC

#ACF168

Split Complementary

#68ACF1

#F16868

#F0F168

Tetradic

#68ACF1

#F168F0

#F1AD68

#68F168

Color Blindness Simulation

Original

#68ACF1

Protanopia

#8586E0

Deuteranopia

#827CDC

Tritanopia

#6BD3D0

Achromatopsia

#A3A3A3

CSS Usage

background-color: #68ACF1;
color: #68ACF1;
border-color: #68ACF1;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F7FD
100
#E1EDFA
200
#BEDBF9
300
#8FC1F5
400
#52A0EF
500
#167FE9
600
#1165BB
700
#0E5195
800
#0B3F75
900
#0C3055
950
#081E35

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

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