0 views

#cc3f1a - Color Information

#cc3f1a

Base Information

HEX

#cc3f1a

RGB

204,63,26

HSL

12,77,45

HSV

12,87,80

CMYK

0,69,87,20

LAB

48,54,51

LCH

48,74,43

XYZ

27,16,3

Web Safe

#cc3333

Web Smart

#cc4422

is dark

Yes

luminosity

0.1647

Pantone Color

Combinations

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

#cc3f1a

#1AA7CC

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

#cc3f1a

#1ACC98

#1A4ECC

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

#cc3f1a

#1ACC3F

#3F1ACC

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

#cc3f1a

#4ECC1A

#1AA7CC

#981ACC

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

#cc3f1a

#1AA7CC

#1ACC98

#1A4ECC

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

#cc3f1a

#CC981A

#A7CC1A

#4ECC1A

Shades

#cc3f1a Light Tints

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

#CC3F1A

#D15231

#D66548

#DB795F

#E08C76

#E69F8D

#EBB2A3

#F0C5BA

#F5D9D1

#FAECE8

#cc3f1a Gray Shades

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

#CC3F1A

#C44624

#BD4C2E

#B55339

#AE5943

#A6604D

#9E6657

#976D61

#8F736C

#887A76

#cc3f1a Dark Shades

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

#CC3F1A

#B83917

#A33215

#8F2C12

#7A2610

#66200D

#52190A

#3D1308

#290D05

#140603

#cc3f1a Red Shades

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

#CC3F1A

#D13917

#D63215

#DB2C12

#E02610

#E6200D

#EB190A

#F01308

#F50D05

#FA0603

#cc3f1a Green Shades

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

#CC3F1A

#B84617

#A34C15

#8F5312

#7A5910

#66600D

#52660A

#3D6D08

#297305

#147A03

#cc3f1a Blue Shades

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

#CC3F1A

#B83931

#A33248

#8F2C5F

#7A2676

#66208D

#5219A3

#3D13BA

#290DD1

#1406E8

Readability Analysis

#cc3f1a as Text Color

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

#cc3f1a as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.89	AA	Sample Text
Black	4.29	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	`#9a5f25`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#a55b12`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#cc3e33`
Protanopia	No red perception - Dichromacy	`#7e712b`
Deuteranopia	No green perception - Dichromacy	`#8f6a0d`
Tritanopia	No blue perception - Dichromacy	`#cc3e41`
Achromatomaly	Partial color blindness - Monochromacy	`#845043`
Achromatopsia	Complete color blindness - Monochromacy	`#5a5a5a`

#cc3f1a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#cc3f1a Light Tints

#cc3f1a Gray Shades

#cc3f1a Dark Shades

#cc3f1a Red Shades

#cc3f1a Green Shades

#cc3f1a Blue Shades

Readability Analysis

#cc3f1a as Text Color

#cc3f1a as Background Color

Color Blindness Simulation

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

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

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

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

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

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