0 views

#cc3f2a - Color Information

#cc3f2a

Base Information

HEX

#cc3f2a

RGB

204,63,42

HSL

8,66,48

HSV

8,79,80

CMYK

0,69,79,20

LAB

48,54,44

LCH

48,70,39

XYZ

27,17,4

Web Safe

#cc3333

Web Smart

#cc4422

is dark

Yes

luminosity

0.1656

Pantone Color

Combinations

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

#cc3f2a

#2AB7CC

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

#cc3f2a

#2ACC90

#2A66CC

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

#cc3f2a

#2ACC3F

#3F2ACC

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

#cc3f2a

#66CC2A

#2AB7CC

#902ACC

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

#cc3f2a

#2AB7CC

#2ACC90

#2A66CC

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

#cc3f2a

#CC902A

#B7CC2A

#66CC2A

Shades

#cc3f2a Light Tints

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

#CC3F2A

#D1523F

#D66555

#DB796A

#E08C7F

#E69F95

#EBB2AA

#F0C5BF

#F5D9D4

#FAECEA

#cc3f2a Gray Shades

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

#CC3F2A

#C44633

#BD4C3B

#B55344

#AE594C

#A66055

#9E665E

#976D66

#8F736F

#887A77

#cc3f2a Dark Shades

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

#CC3F2A

#B83926

#A33222

#8F2C1D

#7A2619

#662015

#521911

#3D130D

#290D08

#140604

#cc3f2a Red Shades

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

#CC3F2A

#D13926

#D63222

#DB2C1D

#E02619

#E62015

#EB1911

#F0130D

#F50D08

#FA0604

#cc3f2a Green Shades

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

#CC3F2A

#B84626

#A34C22

#8F531D

#7A5919

#666015

#526611

#3D6D0D

#297308

#147A04

#cc3f2a Blue Shades

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

#CC3F2A

#B8393F

#A33255

#8F2C6A

#7A267F

#662095

#5219AA

#3D13BF

#290DD4

#1406EA

Readability Analysis

#cc3f2a as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.87	AA	Sample Text
Black	4.31	A	Sample Text
Red	1.22	Fail	Sample Text
Green	1.05	Fail	Sample Text
Blue	1.76	Fail	Sample Text

#cc3f2a as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.87	AA	Sample Text
Black	4.31	A	Sample Text
Red	1.22	Fail	Sample Text
Green	1.05	Fail	Sample Text
Blue	1.76	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#9a5f35`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#a55b25`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#cc3f39`
Protanopia	No red perception - Dichromacy	`#7d713b`
Deuteranopia	No green perception - Dichromacy	`#8f6b23`
Tritanopia	No blue perception - Dichromacy	`#cb3f42`
Achromatomaly	Partial color blindness - Monochromacy	`#845149`
Achromatopsia	Complete color blindness - Monochromacy	`#5b5b5b`

#cc3f2a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#cc3f2a Light Tints

#cc3f2a Gray Shades

#cc3f2a Dark Shades

#cc3f2a Red Shades

#cc3f2a Green Shades

#cc3f2a Blue Shades

Readability Analysis

#cc3f2a as Text Color

#cc3f2a as Background Color

Color Blindness Simulation

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

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

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

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

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

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