2 views

#e00a3c - Color Information

#e00a3c

Base Information

HEX

#e00a3c

RGB

224,10,60

HSL

346,91,46

HSV

346,96,88

CMYK

0,96,73,12

LAB

47,73,34

LCH

47,81,25

XYZ

32,16,6

Web Safe

#cc0033

Web Smart

#dd1144

luminosity

0.1639

is dark color

Yes

Generate #e00a3c solid background color

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

Combinations

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

#e00a3c

#0AE0AE

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

#e00a3c

#0AE043

#0AA7E0

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

#e00a3c

#3CE00A

#0A3CE0

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

#e00a3c

#A7E00A

#0AE0AE

#430AE0

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

#e00a3c

#0AE0AE

#0AE043

#0AA7E0

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

#e00a3c

#E0430A

#E0AE0A

#A7E00A

Shades

#e00a3c Light Tints

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

#E00A3C

#E32250

#E63B63

#E95477

#EC6C8A

#F0859E

#F39DB1

#F6B6C5

#F9CED8

#FCE7EC

#e00a3c Gray Shades

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

#E00A3C

#D61643

#CD224A

#C32D50

#BA3957

#B0455E

#A65165

#9D5D6C

#936872

#8A7479

#e00a3c Dark Shades

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

#E00A3C

#CA0936

#B30830

#9D072A

#860624

#70051E

#5A0418

#430312

#2D020C

#160106

#e00a3c Red Shades

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

#E00A3C

#E30936

#E60830

#E9072A

#EC0624

#F0051E

#F30418

#F60312

#F9020C

#FC0106

#e00a3c Green Shades

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

#E00A3C

#CA1636

#B32230

#9D2D2A

#863924

#70451E

#5A5118

#435D12

#2D680C

#167406

#e00a3c Blue Shades

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

#E00A3C

#CA0950

#B30863

#9D0777

#86068A

#70059E

#5A04B1

#4303C5

#2D02D8

#1601EC

Readability Analysis

#e00a3c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.91	AA	Sample Text
Black	4.28	A	Sample Text
Red	1.23	Fail	Sample Text
Green	1.05	Fail	Sample Text
Blue	1.75	Fail	Sample Text

#e00a3c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.91	AA	Sample Text
Black	4.28	A	Sample Text
Red	1.23	Fail	Sample Text
Green	1.05	Fail	Sample Text
Blue	1.75	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#9e4b4e`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ab4735`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#df1726`
Protanopia	No red perception - Dichromacy	`#787058`
Deuteranopia	No green perception - Dichromacy	`#8c6b31`
Tritanopia	No blue perception - Dichromacy	`#de1e1a`
Achromatomaly	Partial color blindness - Monochromacy	`#77293b`
Achromatopsia	Complete color blindness - Monochromacy	`#3b3b3b`

#e00a3c Color Code

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

#e00a3c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

luminosity

is dark color

Generate #e00a3c solid background color

Combinations

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

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

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

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

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

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

Shades

#e00a3c Light Tints

#e00a3c Gray Shades

#e00a3c Dark Shades

#e00a3c Red Shades

#e00a3c Green Shades

#e00a3c Blue Shades

Readability Analysis

#e00a3c as Text Color

#e00a3c as Background Color

Color Blindness Simulation

#e00a3c Color Code

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

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

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

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

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

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