#598EFF

#598EFF

Color Values

HEX

#598EFF

RGB

89, 142, 255

HSL

220.8, 100.0%, 67.5%

HSV

220.8, 65.1%, 100.0%

CMYK

65.1%, 44.3%, 0.0%, 0.0%

OKLCH

0.6654 0.1769 263.4

Properties

Cool Light Nearest: dodgerblue

Color Harmonies

Complementary

#598EFF

#FFCA59

Analogous

#59E1FF

#7759FF

#598EFF

Triadic

#598EFF

#FF598E

#8EFF59

Split Complementary

#598EFF

#FF7759

#E1FF59

Tetradic

#598EFF

#FF59E1

#FFCA59

#59FF77

Color Blindness Simulation

Original

#598EFF

Protanopia

#7070E4

Deuteranopia

#6D69DD

Tritanopia

#5CCEC9

Achromatopsia

#8B8B8B

CSS Usage

background-color: #598EFF;
color: #598EFF;
border-color: #598EFF;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F5FE
100
#DEE8FC
200
#B8CEFF
300
#85ACFF
400
#427FFF
500
#0052FF
600
#0041CC
700
#0034A3
800
#002980
900
#05215C
950
#03153A

Contrast Checker

Text on white

3.12:1

AA Fail AAA Fail

Text on black

6.74:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026