#C25CC6

#C25CC6

Color Values

HEX

#C25CC6

RGB

194, 92, 198

HSL

297.7, 48.2%, 56.9%

HSV

297.7, 53.5%, 77.6%

CMYK

2.0%, 53.5%, 0.0%, 22.4%

OKLCH

0.6377 0.184 326.0

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#C25CC6

#60C65C

Analogous

#8D5CC6

#C65C95

#C25CC6

Triadic

#C25CC6

#C6C25C

#5CC6C2

Split Complementary

#C25CC6

#95C65C

#5CC68D

Tetradic

#C25CC6

#C68D5C

#60C65C

#5C95C6

Color Blindness Simulation

Original

#C25CC6

Protanopia

#9695AC

Deuteranopia

#9CA3A6

Tritanopia

#BD9894

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F4
200
#EBCAED
300
#DDA4DF
400
#CB73CE
500
#B842BD
600
#933597
700
#762A79
800
#5C215E
900
#441B45
950
#2B112C

Contrast Checker

Text on white

3.72:1

AA Fail AAA Fail

Text on black

5.64: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