#629AEB

#629AEB

Color Values

HEX

#629AEB

RGB

98, 154, 235

HSL

215.5, 77.4%, 65.3%

HSV

215.5, 58.3%, 92.2%

CMYK

58.3%, 34.5%, 0.0%, 7.8%

OKLCH

0.6832 0.1342 257.6

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#629AEB

#EBB362

Analogous

#62DEEB

#6F62EB

#629AEB

Triadic

#629AEB

#EB629A

#9AEB62

Split Complementary

#629AEB

#EB6F62

#DEEB62

Tetradic

#629AEB

#EB62DE

#EBB362

#62EB6F

Color Blindness Simulation

Original

#629AEB

Protanopia

#7A7BD7

Deuteranopia

#7773D3

Tritanopia

#65C8C5

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F2F6FC
100
#E1EBF9
200
#C0D6F7
300
#92B9F1
400
#5893EA
500
#1D6DE2
600
#1758B5
700
#124691
800
#0E3771
900
#0F2A52
950
#091B34

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

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