#595BFC

#595BFC

Color Values

HEX

#595BFC

RGB

89, 91, 252

HSL

239,3, 96,4%, 66,9%

HSV

239,3, 64,7%, 98,8%

CMYK

64,7%, 63,9%, 0,0%, 1,2%

OKLCH

0,5694 0,2331 275,5

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#595BFC

#FCFA59

Analogous

#59ACFC

#A959FC

#595BFC

Triadic

#595BFC

#FC595B

#5BFC59

Split Complementary

#595BFC

#FCA959

#ACFC59

Tetradic

#595BFC

#FC59AC

#FCFA59

#59FCA9

Color Blindness Simulation

Original

#595BFC

Protanopia

#5A5AD5

Deuteranopia

#5A5ACC

Tritanopia

#59B6B0

Achromatopsia

#666666

CSS Usage

background-color: #595BFC;
color: #595BFC;
border-color: #595BFC;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F1F1FE
100
#DFDFFC
200
#B9BAFE
300
#8788FD
400
#4648FC
500
#0507FA
600
#0406C8
700
#0305A0
800
#02047D
900
#06075A
950
#040539

Contrast Checker

Text on white

4,85:1

AA Pass AAA Fail

Text on black

4,33: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