#65DFF2

#65DFF2

Color Values

HEX

#65DFF2

RGB

101, 223, 242

HSL

188.1, 84.4%, 67.3%

HSV

188.1, 58.3%, 94.9%

CMYK

58.3%, 7.9%, 0.0%, 5.1%

OKLCH

0.8414 0.1114 209.1

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#65DFF2

#F27865

Analogous

#65F2BF

#6599F2

#65DFF2

Triadic

#65DFF2

#F265DF

#DFF265

Split Complementary

#65DFF2

#F26599

#F2BF65

Tetradic

#65DFF2

#BF65F2

#F27865

#99F265

Color Blindness Simulation

Original

#65DFF2

Protanopia

#9A9BED

Deuteranopia

#938AEC

Tritanopia

#6BEAE9

Achromatopsia

#C6C6C6

CSS Usage

background-color: #65DFF2;
color: #65DFF2;
border-color: #65DFF2;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F2FBFD
100
#E0F6FA
200
#BDF1F9
300
#8EE8F5
400
#51DBF0
500
#14CEEB
600
#10A5BC
700
#0D8496
800
#0A6776
900
#0C4B55
950
#073036

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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