#C114B2

#C114B2

Color Values

HEX

#C114B2

RGB

193, 20, 178

HSL

305.2, 81.2%, 41.8%

HSV

305.2, 89.6%, 75.7%

CMYK

0.0%, 89.6%, 7.8%, 24.3%

OKLCH

0.5649 0.2452 332.7

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#C114B2

#14C123

Analogous

#7A14C1

#C1145C

#C114B2

Triadic

#C114B2

#B2C114

#14B2C1

Split Complementary

#C114B2

#5CC114

#14C17A

Tetradic

#C114B2

#C17A14

#14C123

#145CC1

Color Blindness Simulation

Original

#C114B2

Protanopia

#76758C

Deuteranopia

#808D83

Tritanopia

#B86E67

Achromatopsia

#444444

CSS Usage

background-color: #C114B2;
color: #C114B2;
border-color: #C114B2;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FDF2FC
100
#F9E1F7
200
#F8BEF3
300
#F390EB
400
#ED54E0
500
#E718D5
600
#B913AA
700
#940F88
800
#740C6B
900
#540D4E
950
#350831

Contrast Checker

Text on white

5.24:1

AA Pass AAA Fail

Text on black

4.01:1

AA Fail AAA Fail

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