#C65CBC

#C65CBC

Color Values

HEX

#C65CBC

RGB

198, 92, 188

HSL

305.7, 48.2%, 56.9%

HSV

305.7, 53.5%, 77.6%

CMYK

0.0%, 53.5%, 5.1%, 22.4%

OKLCH

0.638 0.1778 331.1

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#C65CBC

#5CC666

Analogous

#9B5CC6

#C65C87

#C65CBC

Triadic

#C65CBC

#BCC65C

#5CBCC6

Split Complementary

#C65CBC

#87C65C

#5CC69B

Tetradic

#C65CBC

#C69B5C

#5CC666

#5C87C6

Color Blindness Simulation

Original

#C65CBC

Protanopia

#9897A5

Deuteranopia

#9EA69F

Tritanopia

#C1928E

Achromatopsia

#797979

CSS Usage

background-color: #C65CBC;
color: #C65CBC;
border-color: #C65CBC;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#EDCAE9
300
#DFA4DA
400
#CE73C5
500
#BD42B1
600
#97358E
700
#792A71
800
#5E2159
900
#451B41
950
#2C1129

Contrast Checker

Text on white

3.71:1

AA Fail AAA Fail

Text on black

5.66:1

AA Pass 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