#629BF4

#629BF4

Color Values

HEX

#629BF4

RGB

98, 155, 244

HSL

216.6, 86.9%, 67.1%

HSV

216.6, 59.8%, 95.7%

CMYK

59.8%, 36.5%, 0.0%, 4.3%

OKLCH

0.6901 0.1449 259.0

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#629BF4

#F4BB62

Analogous

#62E4F4

#7262F4

#629BF4

Triadic

#629BF4

#F4629B

#9BF462

Split Complementary

#629BF4

#F47262

#E4F462

Tetradic

#629BF4

#F462E4

#F4BB62

#62F472

Color Blindness Simulation

Original

#629BF4

Protanopia

#7B7BDE

Deuteranopia

#7773D9

Tritanopia

#65CDCA

Achromatopsia

#959595

CSS Usage

background-color: #629BF4;
color: #629BF4;
border-color: #629BF4;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F6FD
100
#E0EAFA
200
#BCD4FA
300
#8DB6F7
400
#4F8FF3
500
#1167EE
600
#0D52BF
700
#0B4299
800
#083477
900
#0B2856
950
#071937

Contrast Checker

Text on white

2.79:1

AA Fail AAA Fail

Text on black

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