#615EB4

#615EB4

Color Values

HEX

#615EB4

RGB

97, 94, 180

HSL

242.1, 36.4%, 53.7%

HSV

242.1, 47.8%, 70.6%

CMYK

46.1%, 47.8%, 0.0%, 29.4%

OKLCH

0.5267 0.1321 282.4

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#615EB4

#B1B45E

Analogous

#5E86B4

#8C5EB4

#615EB4

Triadic

#615EB4

#B4615E

#5EB461

Split Complementary

#615EB4

#B48C5E

#86B45E

Tetradic

#615EB4

#B45E86

#B1B45E

#5EB48C

Color Blindness Simulation

Original

#615EB4

Protanopia

#60609F

Deuteranopia

#60609A

Tritanopia

#618F8B

Achromatopsia

#656565

CSS Usage

background-color: #615EB4;
color: #615EB4;
border-color: #615EB4;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#CFCEE8
300
#ADACD8
400
#817EC3
500
#5451AE
600
#43418B
700
#36346F
800
#2A2957
900
#222140
950
#151529

Contrast Checker

Text on white

5.57:1

AA Pass AAA Fail

Text on black

3.77:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026