0 views

#d20b20 - Color Information

#d20b20

Base Information

HEX

#d20b20

RGB

210,11,32

HSL

354,90,43

HSV

354,95,82

CMYK

0,95,85,18

LAB

44,69,46

LCH

44,83,34

XYZ

27,14,3

Web Safe

#cc0033

Web Smart

#cc1122

luminosity

0.1405

is dark color

Yes

Generate #d20b20 solid background color

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

Combinations

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

#d20b20

#0BD2BD

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

#d20b20

#0BD259

#0B84D2

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

#d20b20

#20D20B

#0B20D2

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

#d20b20

#84D20B

#0BD2BD

#5A0BD2

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

#d20b20

#0BD2BD

#0BD259

#0B84D2

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

#d20b20

#D2590B

#D2BD0B

#84D20B

Shades

#d20b20 Light Tints

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

#D20B20

#D72336

#DB3C4D

#E05463

#E46D79

#E98590

#ED9DA6

#F2B6BC

#F6CED2

#FBE7E9

#d20b20 Gray Shades

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

#D20B20

#CA172A

#C22233

#B92E3D

#B13A46

#A94650

#A1515A

#995D63

#90696D

#887476

#d20b20 Dark Shades

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

#D20B20

#BD0A1D

#A8091A

#930816

#7E0713

#690610

#54040D

#3F030A

#2A0206

#150103

#d20b20 Red Shades

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

#D20B20

#D70A1D

#DB091A

#E00816

#E40713

#E90610

#ED040D

#F2030A

#F60206

#FB0103

#d20b20 Green Shades

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

#D20B20

#BD171D

#A8221A

#932E16

#7E3A13

#694610

#54510D

#3F5D0A

#2A6906

#157403

#d20b20 Blue Shades

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

#D20B20

#BD0A36

#A8094D

#930863

#7E0779

#690690

#5404A6

#3F03BC

#2A02D2

#1501E9

Readability Analysis

#d20b20 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.51	AA	Sample Text
Black	3.81	A	Sample Text
Red	1.38	Fail	Sample Text
Green	1.07	Fail	Sample Text
Blue	1.56	Fail	Sample Text

#d20b20 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.51	AA	Sample Text
Black	3.81	A	Sample Text
Red	1.38	Fail	Sample Text
Green	1.07	Fail	Sample Text
Blue	1.56	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#96472f`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#a14317`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d11317`
Protanopia	No red perception - Dichromacy	`#746937`
Deuteranopia	No green perception - Dichromacy	`#856312`
Tritanopia	No blue perception - Dichromacy	`#d11711`
Achromatomaly	Partial color blindness - Monochromacy	`#6f272f`
Achromatopsia	Complete color blindness - Monochromacy	`#373737`

#d20b20 Color Code

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

#d20b20 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

luminosity

is dark color

Generate #d20b20 solid background color

Combinations

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

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

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

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

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

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

Shades

#d20b20 Light Tints

#d20b20 Gray Shades

#d20b20 Dark Shades

#d20b20 Red Shades

#d20b20 Green Shades

#d20b20 Blue Shades

Readability Analysis

#d20b20 as Text Color

#d20b20 as Background Color

Color Blindness Simulation

#d20b20 Color Code

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

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

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

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

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

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