Back Home

0 views

#ec6ddb - Color Information

#ec6ddb

Base Information

HEX

#ec6ddb

RGB

236,109,219

HSL

308,77,68

HSV

308,54,93

CMYK

0,54,7,7

LAB

65,63,-34

LCH

65,71,332

XYZ

53,34,71

Web Safe

#ff66cc

Web Smart

#ee66dd

luminosity

0.3388

is dark color

No

Pantone Color

No

W3C Color

No

Generate #ec6ddb solid background color

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

Combinations

#ec6ddb complementary

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

#ec6ddb

#6DEC7E

#ec6ddb splitComplementary

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

#ec6ddb

#9CEC6D

#6DECBE

#ec6ddb triadic

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

#ec6ddb

#DBEC6D

#6DDBEC

#ec6ddb tetradic

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

#ec6ddb

#ECBD6D

#6DEC7E

#6D9CEC

#ec6ddb analogousComplementary

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

#ec6ddb

#6DEC7E

#9CEC6D

#6DECBE

#ec6ddb analogous

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

#ec6ddb

#EC6D9C

#EC7E6D

#ECBD6D

Shades

#ec6ddb Light Tints

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

#EC6DDB

#EE7CDF

#F08AE2

#F299E6

#F4A7E9

#F6B6ED

#F7C5F1

#F9D3F4

#FBE2F8

#FDF0FB

#ec6ddb Gray Shades

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

#EC6DDB

#E16FD2

#D671C9

#CC73C0

#C175B7

#B677AE

#AB78A4

#A07A9B

#967C92

#8B7E89

#ec6ddb Dark Shades

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

#EC6DDB

#D462C5

#BD57AF

#A54C99

#8E4183

#76376E

#5E2C58

#472142

#2F162C

#180B16

#ec6ddb Red Shades

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

#EC6DDB

#EE62C5

#F057AF

#F24C99

#F44183

#F6376E

#F72C58

#F92142

#FB162C

#FD0B16

#ec6ddb Green Shades

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

#EC6DDB

#D46FC5

#BD71AF

#A57399

#8E7583

#76776E

#5E7858

#477A42

#2F7C2C

#187E16

#ec6ddb Blue Shades

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

#EC6DDB

#D462DF

#BD57E2

#A54CE6

#8E41E9

#7637ED

#5E2CF1

#4721F4

#2F16F8

#180BFB

Readability Analysis

#ec6ddb as Text Color

Background ColorContrast ScoreWCAG RatingPreview
White2.70Fail
Sample Text
Black7.78AAA
Sample Text
Red1.48Fail
Sample Text
Green1.90Fail
Sample Text
Blue3.18A
Sample Text

#ec6ddb as Background Color

Text ColorContrast ScoreWCAG RatingPreview
White2.70Fail
Sample Text
Black7.78AAA
Sample Text
Red1.48Fail
Sample Text
Green1.90Fail
Sample Text
Blue3.18A
Sample Text

Color Blindness Simulation

TypeDescriptionHex ValueColor Preview
ProtanomalyRed weakness - Anomalous trichromacy#9f89ef
DeuteranomalyGreen weakness - Anomalous trichromacy#b189d2
TritanomalyBlue weakness - Anomalous trichromacy#e579a7
ProtanopiaNo red perception - Dichromacy#7499fb
DeuteranopiaNo green perception - Dichromacy#9099cd
TritanopiaNo blue perception - Dichromacy#e1818a
AchromatomalyPartial color blindness - Monochromacy#b183ab
AchromatopsiaComplete color blindness - Monochromacy#909090

#ec6ddb Color Code

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