#6F28BF

#6F28BF

Color Values

HEX

#6F28BF

RGB

111, 40, 191

HSL

268.2, 65.4%, 45.3%

HSV

268.2, 79.1%, 74.9%

CMYK

41.9%, 79.1%, 0.0%, 25.1%

OKLCH

0.4693 0.2153 298.9

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#6F28BF

#78BF28

Analogous

#282DBF

#BB28BF

#6F28BF

Triadic

#6F28BF

#BF6F28

#28BF6F

Split Complementary

#6F28BF

#BFBB28

#2DBF28

Tetradic

#6F28BF

#BF282D

#78BF28

#28BFBB

Color Blindness Simulation

Original

#6F28BF

Protanopia

#50509B

Deuteranopia

#545A92

Tritanopia

#6B7E77

Achromatopsia

#424242

CSS Usage

background-color: #6F28BF;
color: #6F28BF;
border-color: #6F28BF;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F7F3FC
100
#EDE3F7
200
#DAC4F3
300
#BF9AEA
400
#9D63DE
500
#7A2CD3
600
#6223A9
700
#4E1C87
800
#3D1669
900
#2F144D
950
#1E0D31

Contrast Checker

Text on white

7.69:1

AA Pass AAA Pass

Text on black

2.73:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026