#615AB2

#615AB2

Color Values

HEX

#615AB2

RGB

97, 90, 178

HSL

244,8, 36,4%, 52,5%

HSV

244,8, 49,4%, 69,8%

CMYK

45,5%, 49,4%, 0,0%, 30,2%

OKLCH

0,5178 0,1351 284,2

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#615AB2

#ABB25A

Analogous

#5A7FB2

#8D5AB2

#615AB2

Triadic

#615AB2

#B2615A

#5AB261

Split Complementary

#615AB2

#B28D5A

#7FB25A

Tetradic

#615AB2

#B25A7F

#ABB25A

#5AB28D

Color Blindness Simulation

Original

#615AB2

Protanopia

#5E5E9D

Deuteranopia

#5E5F98

Tritanopia

#618C88

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E9E8F3
200
#D0CEE8
300
#AFACD8
400
#847EC3
500
#5951AE
600
#47418B
700
#39346F
800
#2C2957
900
#232140
950
#161529

Contrast Checker

Text on white

5,81:1

AA Pass AAA Fail

Text on black

3,61:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026