#D345CB

#D345CB

Color Values

HEX

#D345CB

RGB

211, 69, 203

HSL

303.4, 61.7%, 54.9%

HSV

303.4, 67.3%, 82.7%

CMYK

0.0%, 67.3%, 3.8%, 17.3%

OKLCH

0.6375 0.2293 330.3

Properties

Warm Light Nearest: mediumorchid

Color Harmonies

Complementary

#D345CB

#45D34D

Analogous

#9445D3

#D34584

#D345CB

Triadic

#D345CB

#CBD345

#45CBD3

Split Complementary

#D345CB

#84D345

#45D394

Tetradic

#D345CB

#D39445

#45D34D

#4584D3

Color Blindness Simulation

Original

#D345CB

Protanopia

#9594AB

Deuteranopia

#9EA8A3

Tritanopia

#CC918B

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F7E4F5
200
#F1C5EF
300
#E89CE3
400
#DB66D4
500
#CE31C5
600
#A5279E
700
#841F7E
800
#671863
900
#4B1648
950
#300E2E

Contrast Checker

Text on white

3.83:1

AA Fail AAA Fail

Text on black

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