#C479F0

#C479F0

Color Values

HEX

#C479F0

RGB

196, 121, 240

HSL

277.8, 79.9%, 70.8%

HSV

277.8, 49.6%, 94.1%

CMYK

18.3%, 49.6%, 0.0%, 5.9%

OKLCH

0.7025 0.1816 311.7

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#C479F0

#A5F079

Analogous

#8979F0

#F079E1

#C479F0

Triadic

#C479F0

#F0C479

#79F0C4

Split Complementary

#C479F0

#E1F079

#79F089

Tetradic

#C479F0

#F08979

#A5F079

#79E1F0

Color Blindness Simulation

Original

#C479F0

Protanopia

#A4A3D3

Deuteranopia

#A8AECC

Tritanopia

#C0BCB7

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F9F2FD
100
#F0E1F9
200
#E3BFF8
300
#CF91F3
400
#B455EC
500
#9A1AE5
600
#7B15B7
700
#631093
800
#4D0D73
900
#3A0E53
950
#240935

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

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