#6F2DB8

#6F2DB8

Color Values

HEX

#6F2DB8

RGB

111, 45, 184

HSL

268,5, 60,7%, 44,9%

HSV

268,5, 75,5%, 72,2%

CMYK

39,7%, 75,5%, 0,0%, 27,8%

OKLCH

0,4683 0,2032 300,0

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#6F2DB8

#76B82D

Analogous

#2D30B8

#B52DB8

#6F2DB8

Triadic

#6F2DB8

#B86F2D

#2DB86F

Split Complementary

#6F2DB8

#B8B52D

#30B82D

Tetradic

#6F2DB8

#B82D30

#76B82D

#2DB8B5

Color Blindness Simulation

Original

#6F2DB8

Protanopia

#525296

Deuteranopia

#565B8E

Tritanopia

#6C7C76

Achromatopsia

#454545

CSS Usage

background-color: #6F2DB8;
color: #6F2DB8;
border-color: #6F2DB8;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F7F3FB
100
#EDE4F6
200
#DAC6F1
300
#C09DE7
400
#9E67DA
500
#7C32CD
600
#6328A4
700
#4F2083
800
#3E1966
900
#2F164B
950
#1E0E2F

Contrast Checker

Text on white

7,65:1

AA Pass AAA Pass

Text on black

2,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