#65BDDD

#65BDDD

Color Values

HEX

#65BDDD

RGB

101, 189, 221

HSL

196.0, 63.8%, 63.1%

HSV

196.0, 54.3%, 86.7%

CMYK

54.3%, 14.5%, 0.0%, 13.3%

OKLCH

0.7557 0.0962 224.1

Properties

Cool Light Nearest: Maximum Blue

Color Harmonies

Complementary

#65BDDD

#DD8565

Analogous

#65DDC1

#6581DD

#65BDDD

Triadic

#65BDDD

#DD65BD

#BDDD65

Split Complementary

#65BDDD

#DD6581

#DDC165

Tetradic

#65BDDD

#C165DD

#DD8565

#81DD65

Color Blindness Simulation

Original

#65BDDD

Protanopia

#8B8CD5

Deuteranopia

#867FD3

Tritanopia

#69CFCE

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#F3F9FB
100
#E3F2F7
200
#C5E6F2
300
#9BD4E9
400
#64BDDD
500
#2EA5D1
600
#2584A7
700
#1E6A86
800
#175368
900
#153D4C
950
#0D2730

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

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