#614EC8

#614EC8

Color Values

HEX

#614EC8

RGB

97, 78, 200

HSL

249.3, 52.6%, 54.5%

HSV

249.3, 61.0%, 78.4%

CMYK

51.5%, 61.0%, 0.0%, 21.6%

OKLCH

0.5121 0.1816 285.1

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#614EC8

#B5C84E

Analogous

#4E78C8

#9E4EC8

#614EC8

Triadic

#614EC8

#C8614E

#4EC861

Split Complementary

#614EC8

#C89E4E

#78C84E

Tetradic

#614EC8

#C84E78

#B5C84E

#4EC89E

Color Blindness Simulation

Original

#614EC8

Protanopia

#5959AB

Deuteranopia

#5A5BA3

Tritanopia

#60938E

Achromatopsia

#5B5B5B

CSS Usage

background-color: #614EC8;
color: #614EC8;
border-color: #614EC8;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F5F4FB
100
#E8E5F5
200
#CEC9EE
300
#ACA2E2
400
#7E6FD2
500
#513CC3
600
#41309C
700
#34277D
800
#291E61
900
#211A47
950
#15102D

Contrast Checker

Text on white

6.12:1

AA Pass AAA Fail

Text on black

3.43:1

AA Fail 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