#65BBDD

#65BBDD

Color Values

HEX

#65BBDD

RGB

101, 187, 221

HSL

197.0, 63.8%, 63.1%

HSV

197.0, 54.3%, 86.7%

CMYK

54.3%, 15.4%, 0.0%, 13.3%

OKLCH

0.7511 0.0964 226.1

Properties

Cool Light Nearest: Maximum Blue

Color Harmonies

Complementary

#65BBDD

#DD8765

Analogous

#65DDC3

#657FDD

#65BBDD

Triadic

#65BBDD

#DD65BB

#BBDD65

Split Complementary

#65BBDD

#DD657F

#DDC365

Tetradic

#65BBDD

#C365DD

#DD8765

#7FDD65

Color Blindness Simulation

Original

#65BBDD

Protanopia

#8A8BD5

Deuteranopia

#857FD3

Tritanopia

#69CECD

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F3F9FB
100
#E3F1F7
200
#C5E5F2
300
#9BD3E9
400
#64BBDD
500
#2EA3D1
600
#2582A7
700
#1E6886
800
#175168
900
#153D4C
950
#0D2630

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

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