#629CF3

#629CF3

Color Values

HEX

#629CF3

RGB

98, 156, 243

HSL

216,0, 85,8%, 66,9%

HSV

216,0, 59,7%, 95,3%

CMYK

59,7%, 35,8%, 0,0%, 4,7%

OKLCH

0,6917 0,1426 258,3

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#629CF3

#F3B962

Analogous

#62E5F3

#7162F3

#629CF3

Triadic

#629CF3

#F3629C

#9CF362

Split Complementary

#629CF3

#F37162

#E5F362

Tetradic

#629CF3

#F362E5

#F3B962

#62F371

Color Blindness Simulation

Original

#629CF3

Protanopia

#7B7CDE

Deuteranopia

#7873D9

Tritanopia

#65CDCA

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E0EBFA
200
#BDD5FA
300
#8DB7F6
400
#5090F2
500
#126AED
600
#0E54BE
700
#0C4498
800
#093576
900
#0B2956
950
#071A36

Contrast Checker

Text on white

2,77:1

AA Fail AAA Fail

Text on black

7,57: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