#69165F

#69165F

Color Values

HEX

#69165F

RGB

105, 22, 95

HSL

307.2, 65.4%, 24.9%

HSV

307.2, 79.0%, 41.2%

CMYK

0.0%, 79.0%, 9.5%, 58.8%

OKLCH

0.3721 0.1428 333.5

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#69165F

#166920

Analogous

#491669

#691636

#69165F

Triadic

#69165F

#5F6916

#165F69

Split Complementary

#69165F

#366916

#166949

Tetradic

#69165F

#694916

#166920

#163669

Color Blindness Simulation

Original

#69165F

Protanopia

#45444D

Deuteranopia

#4A5049

Tritanopia

#653F3C

Achromatopsia

#2D2D2D

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F7E3F5
200
#F3C4ED
300
#EA9AE0
400
#DE63D0
500
#D32CBF
600
#A92399
700
#871C7A
800
#69165F
900
#4D1446
950
#310D2C

Contrast Checker

Text on white

11.17:1

AA Pass AAA Pass

Text on black

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