#C34EB6

#C34EB6

Color Values

HEX

#C34EB6

RGB

195, 78, 182

HSL

306.7, 49.4%, 53.5%

HSV

306.7, 60.0%, 76.5%

CMYK

0.0%, 60.0%, 6.7%, 23.5%

OKLCH

0.6138 0.192 332.2

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#C34EB6

#4EC35B

Analogous

#964EC3

#C34E7B

#C34EB6

Triadic

#C34EB6

#B6C34E

#4EB6C3

Split Complementary

#C34EB6

#7BC34E

#4EC396

Tetradic

#C34EB6

#C3964E

#4EC35B

#4E7BC3

Color Blindness Simulation

Original

#C34EB6

Protanopia

#908F9D

Deuteranopia

#97A097

Tritanopia

#BD8985

Achromatopsia

#6E6E6E

CSS Usage

background-color: #C34EB6;
color: #C34EB6;
border-color: #C34EB6;
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.13:1

AA Fail AAA Fail

Text on black

5.09:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026