#CB78C4

#CB78C4

Color Values

HEX

#CB78C4

RGB

203, 120, 196

HSL

305.1, 44.4%, 63.3%

HSV

305.1, 40.9%, 79.6%

CMYK

0.0%, 40.9%, 3.4%, 20.4%

OKLCH

0.6879 0.1417 330.1

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#CB78C4

#78CB7F

Analogous

#A878CB

#CB789A

#CB78C4

Triadic

#CB78C4

#C4CB78

#78C4CB

Split Complementary

#CB78C4

#9ACB78

#78CBA8

Tetradic

#CB78C4

#CBA878

#78CB7F

#789ACB

Color Blindness Simulation

Original

#CB78C4

Protanopia

#A7A6B2

Deuteranopia

#ACB2AD

Tritanopia

#C7A3A0

Achromatopsia

#8F8F8F

CSS Usage

background-color: #CB78C4;
color: #CB78C4;
border-color: #CB78C4;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#EBCBE8
300
#DDA7D8
400
#CB77C3
500
#B847AE
600
#93398C
700
#762D70
800
#5C2357
900
#441D41
950
#2B1229

Contrast Checker

Text on white

2.99:1

AA Fail AAA Fail

Text on black

7.02:1

AA Pass AAA Pass

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