#65BADC

#65BADC

Color Values

HEX

#65BADC

RGB

101, 186, 220

HSL

197.1, 63.0%, 62.9%

HSV

197.1, 54.1%, 86.3%

CMYK

54.1%, 15.5%, 0.0%, 13.7%

OKLCH

0.7484 0.0957 226.3

Properties

Cool Light Nearest: Maximum Blue

Color Harmonies

Complementary

#65BADC

#DC8765

Analogous

#65DCC2

#657EDC

#65BADC

Triadic

#65BADC

#DC65BA

#BADC65

Split Complementary

#65BADC

#DC657E

#DCC265

Tetradic

#65BADC

#C265DC

#DC8765

#7EDC65

Color Blindness Simulation

Original

#65BADC

Protanopia

#8A8BD4

Deuteranopia

#857ED2

Tritanopia

#69CDCC

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#F3F9FB
100
#E4F1F7
200
#C5E5F2
300
#9BD2E8
400
#65BADC
500
#2FA2D0
600
#2682A6
700
#1E6885
800
#185168
900
#153C4C
950
#0D2630

Contrast Checker

Text on white

2.19:1

AA Fail AAA Fail

Text on black

9.61:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026