0 views

#cc2a0f - Color Information

#cc2a0f

Base Information

HEX

#cc2a0f

RGB

204,42,15

HSL

9,86,43

HSV

9,93,80

CMYK

0,79,93,20

LAB

45,61,53

LCH

45,81,41

XYZ

26,15,2

Web Safe

#cc3300

Web Smart

#cc2211

is dark

Yes

luminosity

0.1453

Pantone Color

Combinations

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

#cc2a0f

#0FB1CC

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

#cc2a0f

#0FCC88

#0F53CC

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

#cc2a0f

#0FCC2A

#2A0FCC

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

#cc2a0f

#53CC0F

#0FB1CC

#880FCC

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

#cc2a0f

#0FB1CC

#0FCC88

#0F53CC

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

#cc2a0f

#CC880F

#B1CC0F

#53CC0F

Shades

#cc2a0f Light Tints

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

#CC2A0F

#D13F27

#D6553F

#DB6A57

#E07F6F

#E69587

#EBAA9F

#F0BFB7

#F5D4CF

#FAEAE7

#cc2a0f Gray Shades

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

#CC2A0F

#C4331A

#BD3B26

#B54431

#AE4C3C

#A65548

#9E5E53

#97665E

#8F6F69

#887775

#cc2a0f Dark Shades

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

#CC2A0F

#B8260E

#A3220C

#8F1D0B

#7A1909

#661508

#521106

#3D0D04

#290803

#140401

#cc2a0f Red Shades

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

#CC2A0F

#D1260E

#D6220C

#DB1D0B

#E01909

#E61508

#EB1106

#F00D04

#F50803

#FA0401

#cc2a0f Green Shades

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

#CC2A0F

#B8330E

#A33B0C

#8F440B

#7A4C09

#665508

#525E06

#3D6604

#296F03

#147701

#cc2a0f Blue Shades

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

#CC2A0F

#B82627

#A3223F

#8F1D57

#7A196F

#661587

#52119F

#3D0DB7

#2908CF

#1404E7

Readability Analysis

#cc2a0f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.38	AA	Sample Text
Black	3.91	A	Sample Text
Red	1.34	Fail	Sample Text
Green	1.05	Fail	Sample Text
Blue	1.60	Fail	Sample Text

#cc2a0f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.38	AA	Sample Text
Black	3.91	A	Sample Text
Red	1.34	Fail	Sample Text
Green	1.05	Fail	Sample Text
Blue	1.60	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#96531c`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#a04f05`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#cb2b22`
Protanopia	No red perception - Dichromacy	`#776a23`
Deuteranopia	No green perception - Dichromacy	`#876500`
Tritanopia	No blue perception - Dichromacy	`#cb2c2c`
Achromatomaly	Partial color blindness - Monochromacy	`#7a3f35`
Achromatopsia	Complete color blindness - Monochromacy	`#4b4b4b`

#cc2a0f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#cc2a0f Light Tints

#cc2a0f Gray Shades

#cc2a0f Dark Shades

#cc2a0f Red Shades

#cc2a0f Green Shades

#cc2a0f Blue Shades

Readability Analysis

#cc2a0f as Text Color

#cc2a0f as Background Color

Color Blindness Simulation

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

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

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

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

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

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