#C495F6

#C495F6

Color Values

HEX

#C495F6

RGB

196, 149, 246

HSL

269.1, 84.3%, 77.5%

HSV

269.1, 39.4%, 96.5%

CMYK

20.3%, 39.4%, 0.0%, 3.5%

OKLCH

0.7505 0.1434 305.5

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#C495F6

#C7F695

Analogous

#9597F6

#F595F6

#C495F6

Triadic

#C495F6

#F6C495

#95F6C4

Split Complementary

#C495F6

#F6F595

#97F695

Tetradic

#C495F6

#F69597

#C7F695

#95F6F5

Color Blindness Simulation

Original

#C495F6

Protanopia

#B0AFDF

Deuteranopia

#B2B6D9

Tritanopia

#C2CCC8

Achromatopsia

#A6A6A6

CSS Usage

background-color: #C495F6;
color: #C495F6;
border-color: #C495F6;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F2FD
100
#EDE0FA
200
#DABDF9
300
#C08EF5
400
#9E51F0
500
#7C14EB
600
#6310BC
700
#500D96
800
#3E0A75
900
#2F0C55
950
#1E0736

Contrast Checker

Text on white

2.34:1

AA Fail AAA Fail

Text on black

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