#681192

#681192

Color Values

HEX

#681192

RGB

104, 17, 146

HSL

280.5, 79.1%, 32.0%

HSV

280.5, 88.4%, 57.3%

CMYK

28.8%, 88.4%, 0.0%, 42.7%

OKLCH

0.4038 0.1902 310.4

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#681192

#3B9211

Analogous

#281192

#92117C

#681192

Triadic

#681192

#926811

#119268

Split Complementary

#681192

#7C9211

#119228

Tetradic

#681192

#922811

#3B9211

#117C92

Color Blindness Simulation

Original

#681192

Protanopia

#424273

Deuteranopia

#474E6B

Tritanopia

#645A55

Achromatopsia

#2D2D2D

CSS Usage

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

Tailwind Shades

50
#F9F2FC
100
#F1E1F9
200
#E5BFF8
300
#D391F2
400
#BB56EB
500
#A31BE4
600
#8215B7
700
#681192
800
#510D72
900
#3D0E53
950
#260934

Contrast Checker

Text on white

10.08:1

AA Pass AAA Pass

Text on black

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