#690255

#690255

Color Values

HEX

#690255

RGB

105, 2, 85

HSL

311.7, 96.3%, 21.0%

HSV

311.7, 98.1%, 41.2%

CMYK

0.0%, 98.1%, 19.0%, 58.8%

OKLCH

0.3538 0.1525 338.9

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#690255

#026916

Analogous

#4A0269

#690221

#690255

Triadic

#690255

#556902

#025569

Split Complementary

#690255

#216902

#02694A

Tetradic

#690255

#694A02

#026916

#022169

Color Blindness Simulation

Original

#690255

Protanopia

#3C3C41

Deuteranopia

#424A3C

Tritanopia

#64312E

Achromatopsia

#1E1E1E

CSS Usage

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

Tailwind Shades

50
#FEF1FB
100
#FCDFF6
200
#FEB9F0
300
#FD87E6
400
#FC46D8
500
#FA05CA
600
#C804A2
700
#A00382
800
#7D0265
900
#5A064A
950
#39042F

Contrast Checker

Text on white

12.07:1

AA Pass AAA Pass

Text on black

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