#68AFDB

#68AFDB

Color Values

HEX

#68AFDB

RGB

104, 175, 219

HSL

203,0, 61,5%, 63,3%

HSV

203,0, 52,5%, 85,9%

CMYK

52,5%, 20,1%, 0,0%, 14,1%

OKLCH

0,7245 0,0961 237,3

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#68AFDB

#DB9468

Analogous

#68DBCE

#6875DB

#68AFDB

Triadic

#68AFDB

#DB68AF

#AFDB68

Split Complementary

#68AFDB

#DB6875

#DBCE68

Tetradic

#68AFDB

#CE68DB

#DB9468

#75DB68

Color Blindness Simulation

Original

#68AFDB

Protanopia

#8787D0

Deuteranopia

#837DCE

Tritanopia

#6CC8C6

Achromatopsia

#A3A3A3

CSS Usage

background-color: #68AFDB;
color: #68AFDB;
border-color: #68AFDB;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F3F8FB
100
#E4EFF6
200
#C5E0F1
300
#9CCBE7
400
#67AEDB
500
#3192CE
600
#2775A5
700
#1F5D84
800
#194967
900
#16374B
950
#0E2330

Contrast Checker

Text on white

2,4:1

AA Fail AAA Fail

Text on black

8,74:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Янв 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Янв 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Янв 18, 2026