0 views

#cc3a0b - Color Information

#cc3a0b

Base Information

HEX

#cc3a0b

RGB

204,58,11

HSL

15,90,42

HSV

15,95,80

CMYK

0,72,95,20

LAB

47,56,56

LCH

47,79,45

XYZ

26,16,2

Web Safe

#cc3300

Web Smart

#cc3311

is dark

Yes

luminosity

0.1589

Pantone Color

Combinations

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

#cc3a0b

#0B9DCC

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

#cc3a0b

#0BCC9B

#0B3DCC

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

#cc3a0b

#0BCC3A

#3A0BCC

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

#cc3a0b

#3DCC0B

#0B9DCC

#9A0BCC

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

#cc3a0b

#0B9DCC

#0BCC9B

#0B3DCC

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

#cc3a0b

#CC9A0B

#9DCC0B

#3DCC0B

Shades

#cc3a0b Light Tints

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

#CC3A0B

#D14E23

#D6613C

#DB7554

#E0896D

#E69D85

#EBB09D

#F0C4B6

#F5D8CE

#FAEBE7

#cc3a0b Gray Shades

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

#CC3A0B

#C44117

#BD4822

#B54F2E

#AE563A

#A65D46

#9E6451

#976B5D

#8F7269

#887974

#cc3a0b Dark Shades

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

#CC3A0B

#B8340A

#A32E09

#8F2908

#7A2307

#661D06

#521704

#3D1103

#290C02

#140601

#cc3a0b Red Shades

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

#CC3A0B

#D1340A

#D62E09

#DB2908

#E02307

#E61D06

#EB1704

#F01103

#F50C02

#FA0601

#cc3a0b Green Shades

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

#CC3A0B

#B8410A

#A34809

#8F4F08

#7A5607

#665D06

#526404

#3D6B03

#297202

#147901

#cc3a0b Blue Shades

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

#CC3A0B

#B83423

#A32E3C

#8F2954

#7A236D

#661D85

#52179D

#3D11B6

#290CCE

#1406E7

Readability Analysis

#cc3a0b as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.03	AA	Sample Text
Black	4.18	A	Sample Text
Red	1.26	Fail	Sample Text
Green	1.02	Fail	Sample Text
Blue	1.71	Fail	Sample Text

#cc3a0b as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.03	AA	Sample Text
Black	4.18	A	Sample Text
Red	1.26	Fail	Sample Text
Green	1.02	Fail	Sample Text
Blue	1.71	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#9a5c17`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#a45804`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#cc392a`
Protanopia	No red perception - Dichromacy	`#7d6f1e`
Deuteranopia	No green perception - Dichromacy	`#8d6900`
Tritanopia	No blue perception - Dichromacy	`#cc393b`
Achromatomaly	Partial color blindness - Monochromacy	`#814c3b`
Achromatopsia	Complete color blindness - Monochromacy	`#565656`

#cc3a0b - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#cc3a0b Light Tints

#cc3a0b Gray Shades

#cc3a0b Dark Shades

#cc3a0b Red Shades

#cc3a0b Green Shades

#cc3a0b Blue Shades

Readability Analysis

#cc3a0b as Text Color

#cc3a0b as Background Color

Color Blindness Simulation

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

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

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

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

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

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