#C688D7

Purple

HEX

RGB

HSL

About #C688D7 Purple

#C688D7 is a purple color. In the RGB color model, it is composed of 198 red, 136 green, and 215 blue. In the HSL color space, it has a hue of 287°, saturation of 50%, and lightness of 69%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With moderate saturation, it appears balanced and versatile.

CSS Code & Gradients

Use #C688D7 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

287°

Hue

50%

Saturation

69%

Lightness

Purple

Color Harmonies

Colors that work well with #C688D7 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #C688D7 against white and black backgrounds.

Aa#C688D7 on White
Contrast Ratio2.66:1
AA AA Large AAA
Aa#C688D7 on Black
Contrast Ratio7.9:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #C688D7 across different color formats.

FormatValue
HEX#C688D7
RGBrgb(198, 136, 215)
HSLhsl(287, 50%, 69%)
RGB Decimal198, 136, 215
RGB Percent77.6%, 53.3%, 84.3%
CMYK (approx.)8%, 37%, 0%, 16%

Related Palettes

12 palettes using #C688D7 or similar colors

#193AB3#6635E4#CD83E2#F6BCE5
#1954B3#4732E7#BD84E1#F6BBEF
#1D52AF#5844D4#C081E4#F5BCEE
#1D5CAF#4337E1#B984E1#F4BDF0
#FFDBA4#FFB4B4#FF8DC7#C689C6
#3F367C#6B49A6#9C7EAF#CA98D2
#7F669D#BA94D1#DEBACE#FBFACD
#155BB7#493FD9#B982E3#F3BEF0
#2550A7#5E46D2#C47EE7#F5BDEB
#5846B9#CC76D5#C63A6B#CE9671
#1543B7#5E3BDE#C97EE7#F7BBEA
#154BB7#5133E5#C47DE8#F5BCEC