0 views

#cc3a2a - Color Information

#cc3a2a

Base Information

HEX

#cc3a2a

RGB

204,58,42

HSL

6,66,48

HSV

6,79,80

CMYK

0,72,79,20

LAB

47,56,43

LCH

47,71,37

XYZ

27,16,4

Web Safe

#cc3333

Web Smart

#cc3322

is dark

Yes

luminosity

0.1603

Pantone Color

Combinations

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

#cc3a2a

#2ABCCC

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

#cc3a2a

#2ACC8B

#2A6BCC

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

#cc3a2a

#2ACC3A

#3A2ACC

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

#cc3a2a

#6BCC2A

#2ABCCC

#8B2ACC

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

#cc3a2a

#2ABCCC

#2ACC8B

#2A6BCC

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

#cc3a2a

#CC8B2A

#BCCC2A

#6BCC2A

Shades

#cc3a2a Light Tints

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

#CC3A2A

#D14E3F

#D66155

#DB756A

#E0897F

#E69D95

#EBB0AA

#F0C4BF

#F5D8D4

#FAEBEA

#cc3a2a Gray Shades

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

#CC3A2A

#C44133

#BD483B

#B54F44

#AE564C

#A65D55

#9E645E

#976B66

#8F726F

#887977

#cc3a2a Dark Shades

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

#CC3A2A

#B83426

#A32E22

#8F291D

#7A2319

#661D15

#521711

#3D110D

#290C08

#140604

#cc3a2a Red Shades

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

#CC3A2A

#D13426

#D62E22

#DB291D

#E02319

#E61D15

#EB1711

#F0110D

#F50C08

#FA0604

#cc3a2a Green Shades

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

#CC3A2A

#B84126

#A34822

#8F4F1D

#7A5619

#665D15

#526411

#3D6B0D

#297208

#147904

#cc3a2a Blue Shades

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

#CC3A2A

#B8343F

#A32E55

#8F296A

#7A237F

#661D95

#5217AA

#3D11BF

#290CD4

#1406EA

Readability Analysis

#cc3a2a as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.99	AA	Sample Text
Black	4.21	A	Sample Text
Red	1.25	Fail	Sample Text
Green	1.03	Fail	Sample Text
Blue	1.72	Fail	Sample Text

#cc3a2a as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.99	AA	Sample Text
Black	4.21	A	Sample Text
Red	1.25	Fail	Sample Text
Green	1.03	Fail	Sample Text
Blue	1.72	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#985c35`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#a45825`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#cc3a36`
Protanopia	No red perception - Dichromacy	`#7b6f3c`
Deuteranopia	No green perception - Dichromacy	`#8c6922`
Tritanopia	No blue perception - Dichromacy	`#cb3b3d`
Achromatomaly	Partial color blindness - Monochromacy	`#824d47`
Achromatopsia	Complete color blindness - Monochromacy	`#585858`

#cc3a2a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#cc3a2a Light Tints

#cc3a2a Gray Shades

#cc3a2a Dark Shades

#cc3a2a Red Shades

#cc3a2a Green Shades

#cc3a2a Blue Shades

Readability Analysis

#cc3a2a as Text Color

#cc3a2a as Background Color

Color Blindness Simulation

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

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

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

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

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

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