#C148B3

#C148B3

Color Values

HEX

#C148B3

RGB

193, 72, 179

HSL

306.9, 49.4%, 52.0%

HSV

306.9, 62.7%, 75.7%

CMYK

0.0%, 62.7%, 7.3%, 24.3%

OKLCH

0.6028 0.1969 332.6

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#C148B3

#48C156

Analogous

#9348C1

#C14877

#C148B3

Triadic

#C148B3

#B3C148

#48B3C1

Split Complementary

#C148B3

#77C148

#48C193

Tetradic

#C148B3

#C19348

#48C156

#4877C1

Color Blindness Simulation

Original

#C148B3

Protanopia

#8D8C99

Deuteranopia

#949D93

Tritanopia

#BB8580

Achromatopsia

#696969

CSS Usage

background-color: #C148B3;
color: #C148B3;
border-color: #C148B3;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FBF4FA
100
#F5E6F3
200
#EDCAE9
300
#E0A4D9
400
#CF72C5
500
#BE41B0
600
#98348D
700
#7A2971
800
#5F2058
900
#461B41
950
#2C1129

Contrast Checker

Text on white

4.33:1

AA Fail AAA Fail

Text on black

4.85:1

AA Pass AAA Fail

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