#DBC2F2

#DBC2F2

Color Values

HEX

#DBC2F2

RGB

219, 194, 242

HSL

271.2, 64.9%, 85.5%

HSV

271.2, 19.8%, 94.9%

CMYK

9.5%, 19.8%, 0.0%, 5.1%

OKLCH

0.8504 0.0708 308.4

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#DBC2F2

#D9F2C2

Analogous

#C3C2F2

#F2C2F1

#DBC2F2

Triadic

#DBC2F2

#F2DBC2

#C2F2DB

Split Complementary

#DBC2F2

#F1F2C2

#C2F2C3

Tetradic

#DBC2F2

#F2C3C2

#D9F2C2

#C2F1F2

Color Blindness Simulation

Original

#DBC2F2

Protanopia

#D0D0E6

Deuteranopia

#D2D3E4

Tritanopia

#DADDDB

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EEE3F7
200
#DCC4F2
300
#C39AEA
400
#A363DE
500
#832DD2
600
#6924A8
700
#541D87
800
#411669
900
#32144D
950
#1F0D30

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

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