#65B2ED

#65B2ED

Color Values

HEX

#65B2ED

RGB

101, 178, 237

HSL

206.0, 79.1%, 66.3%

HSV

206.0, 57.4%, 92.9%

CMYK

57.4%, 24.9%, 0.0%, 7.1%

OKLCH

0.7378 0.115 243.4

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#65B2ED

#EDA065

Analogous

#65EDE4

#656EED

#65B2ED

Triadic

#65B2ED

#ED65B2

#B2ED65

Split Complementary

#65B2ED

#ED656E

#EDE465

Tetradic

#65B2ED

#E465ED

#EDA065

#6EED65

Color Blindness Simulation

Original

#65B2ED

Protanopia

#8687DF

Deuteranopia

#827CDB

Tritanopia

#69D3D1

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F2F8FC
100
#E1EFF9
200
#BFDFF8
300
#91C8F2
400
#56ABEB
500
#1B8DE4
600
#1571B7
700
#115A92
800
#0D4672
900
#0E3553
950
#092234

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

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