#DEC0F6

#DEC0F6

Color Values

HEX

#DEC0F6

RGB

222, 192, 246

HSL

273.3, 75.0%, 85.9%

HSV

273.3, 22.0%, 96.5%

CMYK

9.8%, 22.0%, 0.0%, 3.5%

OKLCH

0.8508 0.0803 309.8

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#DEC0F6

#D8F6C0

Analogous

#C3C0F6

#F6C0F3

#DEC0F6

Triadic

#DEC0F6

#F6DEC0

#C0F6DE

Split Complementary

#DEC0F6

#F3F6C0

#C0F6C3

Tetradic

#DEC0F6

#F6C3C0

#D8F6C0

#C0F3F6

Color Blindness Simulation

Original

#DEC0F6

Protanopia

#D1D1E9

Deuteranopia

#D3D5E6

Tritanopia

#DCDFDC

Achromatopsia

#CACACA

CSS Usage

background-color: #DEC0F6;
color: #DEC0F6;
border-color: #DEC0F6;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#F8F2FC
100
#EEE2F9
200
#DEC1F6
300
#C794F0
400
#A85AE7
500
#8A20DF
600
#6E19B3
700
#58148F
800
#451070
900
#341051
950
#210A33

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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