#C282F9

#C282F9

Color Values

HEX

#C282F9

RGB

194, 130, 249

HSL

272.3, 90.8%, 74.3%

HSV

272.3, 47.8%, 97.6%

CMYK

22.1%, 47.8%, 0.0%, 2.4%

OKLCH

0.719 0.1769 307.3

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#C282F9

#B9F982

Analogous

#8782F9

#F982F4

#C282F9

Triadic

#C282F9

#F9C282

#82F9C2

Split Complementary

#C282F9

#F4F982

#82F987

Tetradic

#C282F9

#F98782

#B9F982

#82F4F9

Color Blindness Simulation

Original

#C282F9

Protanopia

#A6A6DC

Deuteranopia

#AAAFD5

Tritanopia

#BFC5C0

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#F8F1FD
100
#EEDFFB
200
#DEBBFC
300
#C68AF9
400
#A74BF6
500
#880CF3
600
#6D09C3
700
#57089C
800
#44067A
900
#330958
950
#210638

Contrast Checker

Text on white

2.67:1

AA Fail AAA Fail

Text on black

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