Back Home

2 views

#d664ab - Color Information

#d664ab

Base Information

HEX

#d664ab

RGB

214,100,171

HSL

323,58,62

HSV

323,53,84

CMYK

0,53,20,16

LAB

58,53,-17

LCH

58,56,342

XYZ

40,26,42

Web Safe

#cc6699

Web Smart

#dd66aa

luminosity

0.2635

is dark color

No

Generate #d664ab solid background color

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

Combinations

#d664ab complementary

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

#d664ab

#64D68F

#d664ab splitComplementary

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

#d664ab

#72D664

#64D6C8

#d664ab triadic

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

#d664ab

#ABD664

#64ABD6

#d664ab tetradic

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

#d664ab

#D6C864

#64D68F

#6472D6

#d664ab analogousComplementary

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

#d664ab

#64D68F

#72D664

#64D6C8

#d664ab analogous

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

#d664ab

#D66472

#D68F64

#D6C864

Shades

#d664ab Light Tints

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

#D664AB

#DA74B3

#DE83BC

#E293C4

#E6A2CD

#EBB2D5

#EFC1DD

#F3D1E6

#F7E0EE

#FBF0F7

#d664ab Gray Shades

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

#D664AB

#CD67A7

#C56AA2

#BC6C9E

#B46F9A

#AB7296

#A27591

#9A788D

#917A89

#897D84

#d664ab Dark Shades

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

#D664AB

#C15A9A

#AB5089

#964678

#803C67

#6B3256

#562844

#401E33

#2B1422

#150A11

#d664ab Red Shades

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

#D664AB

#DA5A9A

#DE5089

#E24678

#E63C67

#EB3256

#EF2844

#F31E33

#F71422

#FB0A11

#d664ab Green Shades

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

#D664AB

#C1679A

#AB6A89

#966C78

#806F67

#6B7256

#567544

#407833

#2B7A22

#157D11

#d664ab Blue Shades

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

#D664AB

#C15AB3

#AB50BC

#9646C4

#803CCD

#6B32D5

#5628DD

#401EE6

#2B14EE

#150AF7

Readability Analysis

#d664ab as Text Color

Background ColorContrast ScoreWCAG RatingPreview
White3.35A
Sample Text
Black6.27AA
Sample Text
Red1.19Fail
Sample Text
Green1.53Fail
Sample Text
Blue2.57Fail
Sample Text

#d664ab as Background Color

Text ColorContrast ScoreWCAG RatingPreview
White3.35A
Sample Text
Black6.27AA
Sample Text
Red1.19Fail
Sample Text
Green1.53Fail
Sample Text
Blue2.57Fail
Sample Text

Color Blindness Simulation

TypeDescriptionHex ValueColor Preview
ProtanomalyRed weakness - Anomalous trichromacy#9b7cb9
DeuteranomalyGreen weakness - Anomalous trichromacy#a97ba4
TritanomalyBlue weakness - Anomalous trichromacy#d26b8a
ProtanopiaNo red perception - Dichromacy#7989c2
DeuteranopiaNo green perception - Dichromacy#8f88a0
TritanopiaNo blue perception - Dichromacy#cf6f77
AchromatomalyPartial color blindness - Monochromacy#a07791
AchromatopsiaComplete color blindness - Monochromacy#818181

#d664ab Color Code

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