#659EFC

#659EFC

Color Values

HEX

#659EFC

RGB

101, 158, 252

HSL

217.4, 96.2%, 69.2%

HSV

217.4, 59.9%, 98.8%

CMYK

59.9%, 37.3%, 0.0%, 1.2%

OKLCH

0.7023 0.1511 259.9

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#659EFC

#FCC365

Analogous

#65E9FC

#7865FC

#659EFC

Triadic

#659EFC

#FC659E

#9EFC65

Split Complementary

#659EFC

#FC7865

#E9FC65

Tetradic

#659EFC

#FC65E9

#FCC365

#65FC78

Color Blindness Simulation

Original

#659EFC

Protanopia

#7E7EE5

Deuteranopia

#7A76E0

Tritanopia

#68D3CF

Achromatopsia

#999999

CSS Usage

background-color: #659EFC;
color: #659EFC;
border-color: #659EFC;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F6FE
100
#DFEAFC
200
#B9D3FE
300
#87B3FD
400
#468AFB
500
#0561FA
600
#044EC8
700
#033EA0
800
#02317D
900
#07265A
950
#041839

Contrast Checker

Text on white

2.68:1

AA Fail AAA Fail

Text on black

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