#C274FF

#C274FF

Color Values

HEX

#C274FF

RGB

194, 116, 255

HSL

273,7, 100,0%, 72,7%

HSV

273,7, 54,5%, 100,0%

CMYK

23,9%, 54,5%, 0,0%, 0,0%

OKLCH

0,7013 0,2051 307,9

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#C274FF

#B1FF74

Analogous

#7C74FF

#FF74F6

#C274FF

Triadic

#C274FF

#FFC274

#74FFC2

Split Complementary

#C274FF

#F6FF74

#74FF7C

Tetradic

#C274FF

#FF7C74

#B1FF74

#74F6FF

Color Blindness Simulation

Original

#C274FF

Protanopia

#A0A0DD

Deuteranopia

#A5ABD5

Tritanopia

#BEC3BD

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F8F1FE
100
#EFDEFC
200
#E0B8FF
300
#C985FF
400
#AC42FF
500
#8F00FF
600
#7300CC
700
#5C00A3
800
#480080
900
#36055C
950
#22033A

Contrast Checker

Text on white

2,9:1

AA Fail AAA Fail

Text on black

7,24:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026