Back Home

0 views

#dfb5df - Color Information

#dfb5df

Base Information

HEX

#dfb5df

RGB

223,181,223

HSL

300,40,79

HSV

300,19,87

CMYK

0,19,0,13

LAB

78,22,-15

LCH

78,27,325

XYZ

60,54,77

Web Safe

#cccccc

Web Smart

#ddbbdd

luminosity

0.5406

is dark color

No

Generate #dfb5df solid background color

Create and download a solid color image in any size up to 5000x5000 pixels

Combinations

#dfb5df complementary

Colors that are opposite to each other, forming a contrasting pair.

#dfb5df

#B5DFB5

#dfb5df splitComplementary

A base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#dfb5df

#CADFB5

#B5DFCA

#dfb5df triadic

Three colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#dfb5df

#DFDFB5

#B5DFDF

#dfb5df tetradic

Four colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#dfb5df

#DFCAB5

#B5DFB5

#B5CADF

#dfb5df analogousComplementary

A combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#dfb5df

#B5DFB5

#CADFB5

#B5DFCA

#dfb5df analogous

Colors that are next to each other on the color wheel, producing serene and comfortable designs.

#dfb5df

#DFB5CA

#DFB5B5

#DFCAB5

Shades

#dfb5df Light Tints

A series of lighter variations of the base color, created by mixing it with increasing amounts of white.

#DFB5DF

#E2BCE2

#E5C4E5

#E9CBE9

#ECD3EC

#EFDAEF

#F2E1F2

#F5E9F5

#F9F0F9

#FCF8FC

#dfb5df Gray Shades

A collection of shades that blend the base color with gray, resulting in more muted and subdued tones.

#DFB5DF

#D6B0D6

#CCAACC

#C3A5C3

#B9A0B9

#B09BB0

#A695A6

#9D909D

#938B93

#8A858A

#dfb5df Dark Shades

Darker versions of the base color, achieved by mixing it with increasing amounts of black.

#DFB5DF

#C9A3C9

#B291B2

#9C7F9C

#866D86

#705B70

#594859

#433643

#2D242D

#161216

#dfb5df Red Shades

A gradient of colors formed by mixing the base color with red, producing warmer and more intense hues.

#DFB5DF

#E2A3C9

#E591B2

#E97F9C

#EC6D86

#EF5B70

#F24859

#F53643

#F9242D

#FC1216

#dfb5df Green Shades

A range of colors generated by blending the base color with green, resulting in fresher and more vibrant tones.

#DFB5DF

#C9B0C9

#B2AAB2

#9CA59C

#86A086

#709B70

#599559

#439043

#2D8B2D

#168516

#dfb5df Blue Shades

A spectrum of colors created by mixing the base color with blue, yielding cooler and more calming shades.

#DFB5DF

#C9A3E2

#B291E5

#9C7FE9

#866DEC

#705BEF

#5948F2

#4336F5

#2D24F9

#1612FC

Readability Analysis

#dfb5df as Text Color

Background ColorContrast ScoreWCAG RatingPreview
White1.78Fail
Sample Text
Black11.81AAA
Sample Text
Red2.25Fail
Sample Text
Green2.89Fail
Sample Text
Blue4.83AA
Sample Text

#dfb5df as Background Color

Text ColorContrast ScoreWCAG RatingPreview
White1.78Fail
Sample Text
Black11.81AAA
Sample Text
Red2.25Fail
Sample Text
Green2.89Fail
Sample Text
Blue4.83AA
Sample Text

Color Blindness Simulation

TypeDescriptionHex ValueColor Preview
ProtanomalyRed weakness - Anomalous trichromacy#c7bbe3
DeuteranomalyGreen weakness - Anomalous trichromacy#d0b9dd
TritanomalyBlue weakness - Anomalous trichromacy#dcb7cf
ProtanopiaNo red perception - Dichromacy#b9bfe5
DeuteranopiaNo green perception - Dichromacy#c7bcdb
TritanopiaNo blue perception - Dichromacy#dab8c6
AchromatomalyPartial color blindness - Monochromacy#ccbdcc
AchromatopsiaComplete color blindness - Monochromacy#c1c1c1

#dfb5df Color Code

NameCode
#dfb5df css background color code
.bg { background-color: #dfb5df; }
#dfb5df css text color code
.text { color: #dfb5df; }
#dfb5df css border color code
.border { border-color: #dfb5df; }