#A830CF

#A830CF

Color Values

HEX

#A830CF

RGB

168, 48, 207

HSL

285,3, 62,4%, 50,0%

HSV

285,3, 76,8%, 81,2%

CMYK

18,8%, 76,8%, 0,0%, 18,8%

OKLCH

0,5616 0,2367 316,1

Properties

Cool Dark Nearest: darkorchid 3

Color Harmonies

Complementary

#A830CF

#57CF30

Analogous

#5930CF

#CF30A6

#A830CF

Triadic

#A830CF

#CFA830

#30CFA8

Split Complementary

#A830CF

#A6CF30

#30CF59

Tetradic

#A830CF

#CF5930

#57CF30

#30A6CF

Color Blindness Simulation

Original

#A830CF

Protanopia

#7473A9

Deuteranopia

#7B849F

Tritanopia

#A28A83

Achromatopsia

#555555

CSS Usage

background-color: #A830CF;
color: #A830CF;
border-color: #A830CF;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#F9F3FB
100
#F2E4F7
200
#E7C5F2
300
#D59CE8
400
#BF66DC
500
#A830CF
600
#8626A6
700
#6C1F85
800
#541868
900
#3E154C
950
#270D30

Contrast Checker

Text on white

5,26:1

AA Pass AAA Fail

Text on black

3,99: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