#609FF5

#609FF5

Color Values

HEX

#609FF5

RGB

96, 159, 245

HSL

214,6, 88,2%, 66,9%

HSV

214,6, 60,8%, 96,1%

CMYK

60,8%, 35,1%, 0,0%, 3,9%

OKLCH

0,6982 0,1429 256,6

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#609FF5

#F5B660

Analogous

#60EAF5

#6C60F5

#609FF5

Triadic

#609FF5

#F5609F

#9FF560

Split Complementary

#609FF5

#F56C60

#EAF560

Tetradic

#609FF5

#F560EA

#F5B660

#60F56C

Color Blindness Simulation

Original

#609FF5

Protanopia

#7B7CE0

Deuteranopia

#7873DB

Tritanopia

#63D0CC

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E0EBFB
200
#BCD6FB
300
#8CBAF8
400
#4D94F4
500
#0F6EF0
600
#0C58C0
700
#0A479A
800
#083778
900
#0A2B57
950
#061B37

Contrast Checker

Text on white

2,7:1

AA Fail AAA Fail

Text on black

7,78:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026