0 views

#cc301c - Color Information

#cc301c

Base Information

HEX

#cc301c

RGB

204,48,28

HSL

7,76,45

HSV

7,86,80

CMYK

0,76,86,20

LAB

46,59,49

LCH

46,77,39

XYZ

26,15,3

Web Safe

#cc3333

Web Smart

#cc3322

is dark

Yes

luminosity

0.1504

Pantone Color

Combinations

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

#cc301c

#1CB8CC

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

#cc301c

#1CCC88

#1C60CC

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

#cc301c

#1CCC30

#301CCC

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

#cc301c

#60CC1C

#1CB8CC

#881CCC

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

#cc301c

#1CB8CC

#1CCC88

#1C60CC

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

#cc301c

#CC881C

#B8CC1C

#60CC1C

Shades

#cc301c Light Tints

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

#CC301C

#D14533

#D65949

#DB6E60

#E08377

#E6988E

#EBACA4

#F0C1BB

#F5D6D2

#FAEAE8

#cc301c Gray Shades

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

#CC301C

#C43826

#BD4030

#B5483A

#AE5044

#A6584E

#9E6058

#976862

#8F706C

#887876

#cc301c Dark Shades

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

#CC301C

#B82B19

#A32616

#8F2214

#7A1D11

#66180E

#52130B

#3D0E08

#290A06

#140503

#cc301c Red Shades

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

#CC301C

#D12B19

#D62616

#DB2214

#E01D11

#E6180E

#EB130B

#F00E08

#F50A06

#FA0503

#cc301c Green Shades

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

#CC301C

#B83819

#A34016

#8F4814

#7A5011

#66580E

#52600B

#3D6808

#297006

#147803

#cc301c Blue Shades

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

#CC301C

#B82B33

#A32649

#8F2260

#7A1D77

#66188E

#5213A4

#3D0EBB

#290AD2

#1405E8

Readability Analysis

#cc301c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.24	AA	Sample Text
Black	4.01	A	Sample Text
Red	1.31	Fail	Sample Text
Green	1.02	Fail	Sample Text
Blue	1.64	Fail	Sample Text

#cc301c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.24	AA	Sample Text
Black	4.01	A	Sample Text
Red	1.31	Fail	Sample Text
Green	1.02	Fail	Sample Text
Blue	1.64	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#975628`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#a25213`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#cb312a`
Protanopia	No red perception - Dichromacy	`#786c2f`
Deuteranopia	No green perception - Dichromacy	`#8a660f`
Tritanopia	No blue perception - Dichromacy	`#cb3133`
Achromatomaly	Partial color blindness - Monochromacy	`#7d443d`
Achromatopsia	Complete color blindness - Monochromacy	`#505050`

#cc301c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#cc301c Light Tints

#cc301c Gray Shades

#cc301c Dark Shades

#cc301c Red Shades

#cc301c Green Shades

#cc301c Blue Shades

Readability Analysis

#cc301c as Text Color

#cc301c as Background Color

Color Blindness Simulation

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

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

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

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

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

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