#C058BC

#C058BC

Color Values

HEX

#C058BC

RGB

192, 88, 188

HSL

302.3, 45.2%, 54.9%

HSV

302.3, 54.2%, 75.3%

CMYK

0.0%, 54.2%, 2.1%, 24.7%

OKLCH

0.6249 0.1802 329.0

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#C058BC

#58C05C

Analogous

#9058C0

#C05888

#C058BC

Triadic

#C058BC

#BCC058

#58BCC0

Split Complementary

#C058BC

#88C058

#58C090

Tetradic

#C058BC

#C09058

#58C05C

#5888C0

Color Blindness Simulation

Original

#C058BC

Protanopia

#9392A4

Deuteranopia

#99A19E

Tritanopia

#BB918C

Achromatopsia

#757575

CSS Usage

background-color: #C058BC;
color: #C058BC;
border-color: #C058BC;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#EBCBEA
300
#DDA6DB
400
#CB76C8
500
#B946B5
600
#943891
700
#762D74
800
#5D235A
900
#441D43
950
#2B122A

Contrast Checker

Text on white

3.92:1

AA Fail AAA Fail

Text on black

5.36:1

AA Pass 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