#6111BC

#6111BC

Color Values

HEX

#6111BC

RGB

97, 17, 188

HSL

268.1, 83.4%, 40.2%

HSV

268.1, 91.0%, 73.7%

CMYK

48.4%, 91.0%, 0.0%, 26.3%

OKLCH

0.4336 0.2271 295.2

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#6111BC

#6CBC11

Analogous

#1116BC

#B711BC

#6111BC

Triadic

#6111BC

#BC6111

#11BC61

Split Complementary

#6111BC

#BCB711

#16BC11

Tetradic

#6111BC

#BC1116

#6CBC11

#11BCB7

Color Blindness Simulation

Original

#6111BC

Protanopia

#3E3E93

Deuteranopia

#434989

Tritanopia

#5D726B

Achromatopsia

#2E2E2E

CSS Usage

background-color: #6111BC;
color: #6111BC;
border-color: #6111BC;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F7F2FD
100
#ECE0FA
200
#D9BEF9
300
#BF8FF5
400
#9C52EF
500
#7915EA
600
#6111BB
700
#4D0E96
800
#3C0B75
900
#2E0C55
950
#1D0836

Contrast Checker

Text on white

9.07:1

AA Pass AAA Pass

Text on black

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