#D48CCE

#D48CCE

Color Values

HEX

#D48CCE

RGB

212, 140, 206

HSL

305.0, 45.6%, 69.0%

HSV

305.0, 34.0%, 83.1%

CMYK

0.0%, 34.0%, 2.8%, 16.9%

OKLCH

0.7342 0.1224 329.7

Properties

Warm Light Nearest: plum

Color Harmonies

Complementary

#D48CCE

#8CD492

Analogous

#B68CD4

#D48CAA

#D48CCE

Triadic

#D48CCE

#CED48C

#8CCED4

Split Complementary

#D48CCE

#AAD48C

#8CD4B6

Tetradic

#D48CCE

#D4B68C

#8CD492

#8CAAD4

Color Blindness Simulation

Original

#D48CCE

Protanopia

#B5B4BE

Deuteranopia

#B9BEBA

Tritanopia

#D0B1AF

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#ECCBE9
300
#DEA6D9
400
#CC76C5
500
#BA45B0
600
#95378D
700
#772C71
800
#5D2358
900
#441D41
950
#2B1229

Contrast Checker

Text on white

2.49:1

AA Fail AAA Fail

Text on black

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