#C338BA

#C338BA

Color Values

HEX

#C338BA

RGB

195, 56, 186

HSL

303.9, 55.4%, 49.2%

HSV

303.9, 71.3%, 76.5%

CMYK

0.0%, 71.3%, 4.6%, 23.5%

OKLCH

0.5938 0.2232 330.8

Properties

Warm Light Nearest: mediumorchid

Color Harmonies

Complementary

#C338BA

#38C341

Analogous

#8638C3

#C33874

#C338BA

Triadic

#C338BA

#BAC338

#38BAC3

Split Complementary

#C338BA

#74C338

#38C386

Tetradic

#C338BA

#C38638

#38C341

#3874C3

Color Blindness Simulation

Original

#C338BA

Protanopia

#87869B

Deuteranopia

#8F9993

Tritanopia

#BC827C

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F6E5F4
200
#EFC8ED
300
#E4A0DF
400
#D56CCE
500
#C639BD
600
#9F2D97
700
#7F2479
800
#631C5E
900
#491845
950
#2E0F2C

Contrast Checker

Text on white

4.57:1

AA Pass AAA Fail

Text on black

4.6: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