#618EE1

#618EE1

Color Values

HEX

#618EE1

RGB

97, 142, 225

HSL

218.9, 68.1%, 63.1%

HSV

218.9, 56.9%, 88.2%

CMYK

56.9%, 36.9%, 0.0%, 11.8%

OKLCH

0.6517 0.1341 261.8

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#618EE1

#E1B461

Analogous

#61CEE1

#7461E1

#618EE1

Triadic

#618EE1

#E1618E

#8EE161

Split Complementary

#618EE1

#E17461

#CEE161

Tetradic

#618EE1

#E161CE

#E1B461

#61E174

Color Blindness Simulation

Original

#618EE1

Protanopia

#7475CD

Deuteranopia

#726EC8

Tritanopia

#63BDBA

Achromatopsia

#8A8A8A

CSS Usage

background-color: #618EE1;
color: #618EE1;
border-color: #618EE1;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F6FC
100
#E3EAF7
200
#C3D4F4
300
#98B5EB
400
#608EE1
500
#2966D6
600
#2151AB
700
#1A4189
800
#14336B
900
#13284E
950
#0C1931

Contrast Checker

Text on white

3.25:1

AA Fail AAA Fail

Text on black

6.46:1

AA Pass AAA Fail

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