#65B0FB

#65B0FB

Color Values

HEX

#65B0FB

RGB

101, 176, 251

HSL

210.0, 94.9%, 69.0%

HSV

210.0, 59.8%, 98.4%

CMYK

59.8%, 29.9%, 0.0%, 1.6%

OKLCH

0.7401 0.1326 250.0

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#65B0FB

#FBB065

Analogous

#65FBFB

#6565FB

#65B0FB

Triadic

#65B0FB

#FB65B0

#B0FB65

Split Complementary

#65B0FB

#FB6565

#FBFB65

Tetradic

#65B0FB

#FB65FB

#FBB065

#65FB65

Color Blindness Simulation

Original

#65B0FB

Protanopia

#8586E9

Deuteranopia

#817BE4

Tritanopia

#69DBD7

Achromatopsia

#A5A5A5

CSS Usage

background-color: #65B0FB;
color: #65B0FB;
border-color: #65B0FB;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F7FE
100
#DFEDFC
200
#B9DBFD
300
#88C2FC
400
#47A1FA
500
#0780F8
600
#0566C7
700
#04529F
800
#03407C
900
#07305A
950
#041F39

Contrast Checker

Text on white

2.29:1

AA Fail AAA Fail

Text on black

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