#65BDF2

#65BDF2

Color Values

HEX

#65BDF2

RGB

101, 189, 242

HSL

202.6, 84.4%, 67.3%

HSV

202.6, 58.3%, 94.9%

CMYK

58.3%, 21.9%, 0.0%, 5.1%

OKLCH

0.7645 0.114 237.3

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#65BDF2

#F29A65

Analogous

#65F2E1

#6577F2

#65BDF2

Triadic

#65BDF2

#F265BD

#BDF265

Split Complementary

#65BDF2

#F26577

#F2E165

Tetradic

#65BDF2

#E165F2

#F29A65

#77F265

Color Blindness Simulation

Original

#65BDF2

Protanopia

#8B8CE5

Deuteranopia

#867FE2

Tritanopia

#69DBD9

Achromatopsia

#AEAEAE

CSS Usage

background-color: #65BDF2;
color: #65BDF2;
border-color: #65BDF2;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F2F9FD
100
#E0F0FA
200
#BDE3F9
300
#8ECFF5
400
#51B4F0
500
#149AEB
600
#107BBC
700
#0D6396
800
#0A4D76
900
#0C3A55
950
#072436

Contrast Checker

Text on white

2.08:1

AA Fail AAA Fail

Text on black

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