#C090F6

#C090F6

Color Values

HEX

#C090F6

RGB

192, 144, 246

HSL

268.2, 85.0%, 76.5%

HSV

268.2, 41.5%, 96.5%

CMYK

22.0%, 41.5%, 0.0%, 3.5%

OKLCH

0.7383 0.1504 304.7

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#C090F6

#C6F690

Analogous

#9093F6

#F390F6

#C090F6

Triadic

#C090F6

#F6C090

#90F6C0

Split Complementary

#C090F6

#F6F390

#93F690

Tetradic

#C090F6

#F69093

#C6F690

#90F6F3

Color Blindness Simulation

Original

#C090F6

Protanopia

#ABABDD

Deuteranopia

#AEB2D7

Tritanopia

#BECAC6

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#ECE0FA
200
#D9BDFA
300
#BF8EF6
400
#9C50F1
500
#7913EC
600
#610FBD
700
#4D0C97
800
#3C0A76
900
#2E0B56
950
#1D0736

Contrast Checker

Text on white

2.45:1

AA Fail AAA Fail

Text on black

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