#68ABFF

#68ABFF

Color Values

HEX

#68ABFF

RGB

104, 171, 255

HSL

213.4, 100.0%, 70.4%

HSV

213.4, 59.2%, 100.0%

CMYK

59.2%, 32.9%, 0.0%, 0.0%

OKLCH

0.7327 0.1406 254.9

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#68ABFF

#FFBC68

Analogous

#68F6FF

#7168FF

#68ABFF

Triadic

#68ABFF

#FF68AB

#ABFF68

Split Complementary

#68ABFF

#FF7168

#F6FF68

Tetradic

#68ABFF

#FF68F6

#FFBC68

#68FF71

Color Blindness Simulation

Original

#68ABFF

Protanopia

#8586EB

Deuteranopia

#817CE6

Tritanopia

#6BDBD7

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F1F7FE
100
#DEEBFC
200
#B8D7FF
300
#85BBFF
400
#4296FF
500
#0071FF
600
#005ACC
700
#0048A3
800
#003980
900
#052C5C
950
#031B3A

Contrast Checker

Text on white

2.37:1

AA Fail AAA Fail

Text on black

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