#671FFF

#671FFF

Color Values

HEX

#671FFF

RGB

103, 31, 255

HSL

259,3, 100,0%, 56,1%

HSV

259,3, 87,8%, 100,0%

CMYK

59,6%, 87,8%, 0,0%, 0,0%

OKLCH

0,5161 0,2844 284,9

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#671FFF

#B7FF1F

Analogous

#1F47FF

#D71FFF

#671FFF

Triadic

#671FFF

#FF671F

#1FFF67

Split Complementary

#671FFF

#FFD71F

#47FF1F

Tetradic

#671FFF

#FF1F47

#B7FF1F

#1FFFD7

Color Blindness Simulation

Original

#671FFF

Protanopia

#4847C9

Deuteranopia

#4C51BC

Tritanopia

#639E95

Achromatopsia

#3E3E3E

CSS Usage

background-color: #671FFF;
color: #671FFF;
border-color: #671FFF;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F5F1FE
100
#E8DEFC
200
#CFB8FF
300
#AC85FF
400
#7F42FF
500
#5200FF
600
#4200CC
700
#3400A3
800
#290080
900
#21055C
950
#15033A

Contrast Checker

Text on white

6,53:1

AA Pass AAA Fail

Text on black

3,22:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026