1 views

#d304b7 - Color Information

#d304b7

Base Information

HEX

#d304b7

RGB

211,4,183

HSL

308,96,42

HSV

308,98,83

CMYK

0,98,13,17

LAB

49,81,-39

LCH

49,90,334

XYZ

35,17,46

Web Safe

#cc00cc

Web Smart

#cc00bb

luminosity

0.1735

is dark color

Yes

Generate #d304b7 solid background color

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

Combinations

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

#d304b7

#04D320

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

#d304b7

#4FD304

#04D388

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

#d304b7

#B7D304

#04B7D3

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

#d304b7

#D38704

#04D320

#044FD3

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

#d304b7

#04D320

#4FD304

#04D388

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

#d304b7

#D3044F

#D32004

#D38704

Shades

#d304b7 Light Tints

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

#D304B7

#D71DBE

#DC36C5

#E04FCD

#E568D4

#E982DB

#ED9BE2

#F2B4E9

#F6CDF1

#FBE6F8

#d304b7 Gray Shades

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

#D304B7

#CB10B2

#C21DAC

#BA29A7

#B236A1

#AA429C

#A14E96

#995B91

#91678B

#887486

#d304b7 Dark Shades

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

#D304B7

#BE04A5

#A90392

#940380

#7F026E

#6A025C

#540249

#3F0137

#2A0125

#150012

#d304b7 Red Shades

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

#D304B7

#D704A5

#DC0392

#E00380

#E5026E

#E9025C

#ED0249

#F20137

#F60125

#FB0012

#d304b7 Green Shades

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

#D304B7

#BE10A5

#A91D92

#942980

#7F366E

#6A425C

#544E49

#3F5B37

#2A6725

#157412

#d304b7 Blue Shades

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

#D304B7

#BE04BE

#A903C5

#9403CD

#7F02D4

#6A02DB

#5402E2

#3F01E9

#2A01F1

#1500F8

Readability Analysis

#d304b7 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.70	AA	Sample Text
Black	4.47	A	Sample Text
Red	1.17	Fail	Sample Text
Green	1.09	Fail	Sample Text
Blue	1.83	Fail	Sample Text

#d304b7 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.70	AA	Sample Text
Black	4.47	A	Sample Text
Red	1.17	Fail	Sample Text
Green	1.09	Fail	Sample Text
Blue	1.83	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#4d48d6`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#8a4aaa`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#cb3073`
Protanopia	No red perception - Dichromacy	`#006fe8`
Deuteranopia	No green perception - Dichromacy	`#6072a3`
Tritanopia	No blue perception - Dichromacy	`#c7484d`
Achromatomaly	Partial color blindness - Monochromacy	`#742869`
Achromatopsia	Complete color blindness - Monochromacy	`#3d3d3d`

#d304b7 Color Code

Name	Code
#d304b7 css background color code	`.bg { background-color: #d304b7; }`
#d304b7 css text color code	`.text { color: #d304b7; }`
#d304b7 css border color code	`.border { border-color: #d304b7; }`

#d304b7 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

luminosity

is dark color

Generate #d304b7 solid background color

Combinations

#d304b7 complementaryColors that are opposite to each other, forming a contrasting pair.

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

#d304b7 triadicThree colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

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

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

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

Shades

#d304b7 Light Tints

#d304b7 Gray Shades

#d304b7 Dark Shades

#d304b7 Red Shades

#d304b7 Green Shades

#d304b7 Blue Shades

Readability Analysis

#d304b7 as Text Color

#d304b7 as Background Color

Color Blindness Simulation

#d304b7 Color Code

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

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

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

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

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

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