#594BCF

#594BCF

Color Values

HEX

#594BCF

RGB

89, 75, 207

HSL

246.4, 57.9%, 55.3%

HSV

246.4, 63.8%, 81.2%

CMYK

57.0%, 63.8%, 0.0%, 18.8%

OKLCH

0.5063 0.1954 281.6

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#594BCF

#C1CF4B

Analogous

#4B7FCF

#9B4BCF

#594BCF

Triadic

#594BCF

#CF594B

#4BCF59

Split Complementary

#594BCF

#CF9B4B

#7FCF4B

Tetradic

#594BCF

#CF4B7F

#C1CF4B

#4BCF9B

Color Blindness Simulation

Original

#594BCF

Protanopia

#5353AF

Deuteranopia

#5455A7

Tritanopia

#589690

Achromatopsia

#585858

CSS Usage

background-color: #594BCF;
color: #594BCF;
border-color: #594BCF;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F4F4FB
100
#E6E4F6
200
#CBC7F0
300
#A69EE5
400
#766AD7
500
#4536C9
600
#382BA1
700
#2C2281
800
#231B65
900
#1D174A
950
#120F2F

Contrast Checker

Text on white

6.3:1

AA Pass AAA Fail

Text on black

3.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