0 views

#cc220c - Color Information

#cc220c

Base Information

HEX

#cc220c

RGB

204,34,12

HSL

7,89,42

HSV

7,94,80

CMYK

0,83,94,20

LAB

44,63,54

LCH

44,83,41

XYZ

26,14,2

Web Safe

#cc3300

Web Smart

#cc2211

is dark

Yes

luminosity

0.1401

Pantone Color

Combinations

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

#cc220c

#0CB6CC

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

#cc220c

#0CCC82

#0C56CC

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

#cc220c

#0CCC22

#220CCC

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

#cc220c

#56CC0C

#0CB6CC

#820CCC

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

#cc220c

#0CB6CC

#0CCC82

#0C56CC

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

#cc220c

#CC820C

#B6CC0C

#56CC0C

Shades

#cc220c Light Tints

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

#CC220C

#D13824

#D64E3D

#DB6455

#E07A6D

#E69186

#EBA79E

#F0BDB6

#F5D3CE

#FAE9E7

#cc220c Gray Shades

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

#CC220C

#C42B18

#BD3523

#B53E2F

#AE483A

#A65146

#9E5A52

#97645D

#8F6D69

#887774

#cc220c Dark Shades

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

#CC220C

#B81F0B

#A31B0A

#8F1808

#7A1407

#661106

#520E05

#3D0A04

#290702

#140301

#cc220c Red Shades

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

#CC220C

#D11F0B

#D61B0A

#DB1808

#E01407

#E61106

#EB0E05

#F00A04

#F50702

#FA0301

#cc220c Green Shades

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

#CC220C

#B82B0B

#A3350A

#8F3E08

#7A4807

#665106

#525A05

#3D6404

#296D02

#147701

#cc220c Blue Shades

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

#CC220C

#B81F24

#A31B3D

#8F1855

#7A146D

#661186

#520E9E

#3D0AB6

#2907CE

#1403E7

Readability Analysis

#cc220c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.52	AA	Sample Text
Black	3.80	A	Sample Text
Red	1.38	Fail	Sample Text
Green	1.08	Fail	Sample Text
Blue	1.56	Fail	Sample Text

#cc220c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.52	AA	Sample Text
Black	3.80	A	Sample Text
Red	1.38	Fail	Sample Text
Green	1.08	Fail	Sample Text
Blue	1.56	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#954f19`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#9f4b04`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#cb241c`
Protanopia	No red perception - Dichromacy	`#756921`
Deuteranopia	No green perception - Dichromacy	`#856300`
Tritanopia	No blue perception - Dichromacy	`#cb2525`
Achromatomaly	Partial color blindness - Monochromacy	`#763830`
Achromatopsia	Complete color blindness - Monochromacy	`#454545`

#cc220c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#cc220c Light Tints

#cc220c Gray Shades

#cc220c Dark Shades

#cc220c Red Shades

#cc220c Green Shades

#cc220c Blue Shades

Readability Analysis

#cc220c as Text Color

#cc220c as Background Color

Color Blindness Simulation

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

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

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

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

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

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