#609AF4

#609AF4

Color Values

HEX

#609AF4

RGB

96, 154, 244

HSL

216,5, 87,1%, 66,7%

HSV

216,5, 60,7%, 95,7%

CMYK

60,7%, 36,9%, 0,0%, 4,3%

OKLCH

0,6871 0,1468 258,9

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#609AF4

#F4BA60

Analogous

#60E4F4

#7060F4

#609AF4

Triadic

#609AF4

#F4609A

#9AF460

Split Complementary

#609AF4

#F47060

#E4F460

Tetradic

#609AF4

#F460E4

#F4BA60

#60F470

Color Blindness Simulation

Original

#609AF4

Protanopia

#797ADE

Deuteranopia

#7671D9

Tritanopia

#63CDC9

Achromatopsia

#949494

CSS Usage

background-color: #609AF4;
color: #609AF4;
border-color: #609AF4;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F6FD
100
#E0EAFA
200
#BCD5FA
300
#8CB6F7
400
#4E8FF3
500
#1067EF
600
#0D53BF
700
#0B4299
800
#083477
900
#0A2856
950
#071937

Contrast Checker

Text on white

2,83:1

AA Fail AAA Fail

Text on black

7,43:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Oca 18, 2026