#C68AFF

#C68AFF

Color Values

HEX

#C68AFF

RGB

198, 138, 255

HSL

270.8, 100.0%, 77.1%

HSV

270.8, 45.9%, 100.0%

CMYK

22.4%, 45.9%, 0.0%, 0.0%

OKLCH

0.7387 0.1725 306.3

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#C68AFF

#C3FF8A

Analogous

#8C8AFF

#FF8AFD

#C68AFF

Triadic

#C68AFF

#FFC68A

#8AFFC6

Split Complementary

#C68AFF

#FDFF8A

#8AFF8C

Tetradic

#C68AFF

#FF8C8A

#C3FF8A

#8AFDFF

Color Blindness Simulation

Original

#C68AFF

Protanopia

#ACABE3

Deuteranopia

#B0B4DC

Tritanopia

#C3CCC7

Achromatopsia

#9F9F9F

CSS Usage

background-color: #C68AFF;
color: #C68AFF;
border-color: #C68AFF;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F1FE
100
#EEDEFC
200
#DCB8FF
300
#C385FF
400
#A342FF
500
#8300FF
600
#6900CC
700
#5400A3
800
#410080
900
#32055C
950
#1F033A

Contrast Checker

Text on white

2.48:1

AA Fail AAA Fail

Text on black

8.48:1

AA Pass AAA Pass

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