#658FDC

#658FDC

Color Values

HEX

#658FDC

RGB

101, 143, 220

HSL

218,8, 63,0%, 62,9%

HSV

218,8, 54,1%, 86,3%

CMYK

54,1%, 35,0%, 0,0%, 13,7%

OKLCH

0,6532 0,1247 261,8

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#658FDC

#DCB265

Analogous

#65CBDC

#7665DC

#658FDC

Triadic

#658FDC

#DC658F

#8FDC65

Split Complementary

#658FDC

#DC7665

#CBDC65

Tetradic

#658FDC

#DC65CB

#DCB265

#65DC76

Color Blindness Simulation

Original

#658FDC

Protanopia

#7778C9

Deuteranopia

#7572C5

Tritanopia

#67BBB7

Achromatopsia

#8C8C8C

CSS Usage

background-color: #658FDC;
color: #658FDC;
border-color: #658FDC;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F6FB
100
#E4EAF7
200
#C5D5F2
300
#9BB6E8
400
#658FDC
500
#2F68D0
600
#2653A6
700
#1E4385
800
#183468
900
#15284C
950
#0D1A30

Contrast Checker

Text on white

3,22:1

AA Fail AAA Fail

Text on black

6,52:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026