#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

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026