#6F296C

#6F296C

Color Values

HEX

#6F296C

RGB

111, 41, 108

HSL

302.6, 46.1%, 29.8%

HSV

302.6, 63.1%, 43.5%

CMYK

0.0%, 63.1%, 2.7%, 56.5%

OKLCH

0.4095 0.1316 329.4

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#6F296C

#296F2C

Analogous

#4F296F

#6F2949

#6F296C

Triadic

#6F296C

#6C6F29

#296C6F

Split Complementary

#6F296C

#496F29

#296F4F

Tetradic

#6F296C

#6F4F29

#296F2C

#29496F

Color Blindness Simulation

Original

#6F296C

Protanopia

#51505C

Deuteranopia

#555A58

Tritanopia

#6B4F4C

Achromatopsia

#3D3D3D

CSS Usage

background-color: #6F296C;
color: #6F296C;
border-color: #6F296C;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF4FA
100
#F4E6F4
200
#ECCBEA
300
#DEA6DC
400
#CC75C8
500
#BA45B5
600
#953791
700
#772C74
800
#5D225B
900
#451C43
950
#2B122A

Contrast Checker

Text on white

9.5:1

AA Pass AAA Pass

Text on black

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