#65BCDD

#65BCDD

Color Values

HEX

#65BCDD

RGB

101, 188, 221

HSL

196.5, 63.8%, 63.1%

HSV

196.5, 54.3%, 86.7%

CMYK

54.3%, 14.9%, 0.0%, 13.3%

OKLCH

0.7534 0.0962 225.1

Properties

Cool Light Nearest: Maximum Blue

Color Harmonies

Complementary

#65BCDD

#DD8665

Analogous

#65DDC2

#6580DD

#65BCDD

Triadic

#65BCDD

#DD65BC

#BCDD65

Split Complementary

#65BCDD

#DD6580

#DDC265

Tetradic

#65BCDD

#C265DD

#DD8665

#80DD65

Color Blindness Simulation

Original

#65BCDD

Protanopia

#8B8BD5

Deuteranopia

#867FD3

Tritanopia

#69CFCD

Achromatopsia

#ACACAC

CSS Usage

background-color: #65BCDD;
color: #65BCDD;
border-color: #65BCDD;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F3F9FB
100
#E3F2F7
200
#C5E6F2
300
#9BD3E9
400
#64BCDD
500
#2EA4D1
600
#2583A7
700
#1E6986
800
#175268
900
#153D4C
950
#0D2730

Contrast Checker

Text on white

2.14:1

AA Fail AAA Fail

Text on black

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