#7589CD

#7589CD

Color Values

HEX

#7589CD

RGB

117, 137, 205

HSL

226,4, 46,8%, 63,1%

HSV

226,4, 42,9%, 80,4%

CMYK

42,9%, 33,2%, 0,0%, 19,6%

OKLCH

0,6426 0,1049 270,7

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#7589CD

#CDB975

Analogous

#75B5CD

#8D75CD

#7589CD

Triadic

#7589CD

#CD7589

#89CD75

Split Complementary

#7589CD

#CD8D75

#B5CD75

Tetradic

#7589CD

#CD75B5

#CDB975

#75CD8D

Color Blindness Simulation

Original

#7589CD

Protanopia

#7E7EBD

Deuteranopia

#7C7BB9

Tritanopia

#76B0AD

Achromatopsia

#8A8A8A

CSS Usage

background-color: #7589CD;
color: #7589CD;
border-color: #7589CD;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F4F6FA
100
#E6E9F4
200
#CBD2EC
300
#A5B2DE
400
#7489CD
500
#445FBB
600
#364C96
700
#2B3D78
800
#222F5E
900
#1C2545
950
#12182B

Contrast Checker

Text on white

3,38:1

AA Fail AAA Fail

Text on black

6,22:1

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