#690657

#690657

Color Values

HEX

#690657

RGB

105, 6, 87

HSL

310.9, 89.2%, 21.8%

HSV

310.9, 94.3%, 41.2%

CMYK

0.0%, 94.3%, 17.1%, 58.8%

OKLCH

0.3571 0.1509 337.9

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#690657

#066918

Analogous

#4A0669

#690626

#690657

Triadic

#690657

#576906

#065769

Split Complementary

#690657

#266906

#06694A

Tetradic

#690657

#694A06

#066918

#062669

Color Blindness Simulation

Original

#690657

Protanopia

#3E3D43

Deuteranopia

#444B3F

Tritanopia

#643431

Achromatopsia

#212121

CSS Usage

background-color: #690657;
color: #690657;
border-color: #690657;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FDF2FB
100
#FBE0F6
200
#FBBBF0
300
#F88BE5
400
#F54CD6
500
#F10EC8
600
#C10BA0
700
#9A0980
800
#790764
900
#570A49
950
#37062E

Contrast Checker

Text on white

11.9:1

AA Pass AAA Pass

Text on black

1.76: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