#690F71

#690F71

Color Values

HEX

#690F71

RGB

105, 15, 113

HSL

295.1, 76.6%, 25.1%

HSV

295.1, 86.7%, 44.3%

CMYK

7.1%, 86.7%, 0.0%, 55.7%

OKLCH

0.3786 0.164 324.3

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#690F71

#17710F

Analogous

#380F71

#710F48

#690F71

Triadic

#690F71

#71690F

#0F7169

Split Complementary

#690F71

#48710F

#0F7138

Tetradic

#690F71

#71380F

#17710F

#0F4871

Color Blindness Simulation

Original

#690F71

Protanopia

#424159

Deuteranopia

#474E54

Tritanopia

#644742

Achromatopsia

#292929

CSS Usage

background-color: #690F71;
color: #690F71;
border-color: #690F71;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FCF2FC
100
#F7E2F9
200
#F2C0F7
300
#E993F1
400
#DD58E9
500
#D11EE1
600
#A718B4
700
#861390
800
#690F71
900
#4C0F52
950
#300A34

Contrast Checker

Text on white

11.01:1

AA Pass AAA Pass

Text on black

1.91:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026