0 views

#cc3f0a - Color Information

#cc3f0a

Base Information

HEX

#cc3f0a

RGB

204,63,10

HSL

16,91,42

HSV

16,95,80

CMYK

0,69,95,20

LAB

48,54,56

LCH

48,78,46

XYZ

27,16,2

Web Safe

#cc3300

Web Smart

#cc4411

is dark

Yes

luminosity

0.1641

Pantone Color

Combinations

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

#cc3f0a

#0A97CC

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

#cc3f0a

#0ACCA0

#0A36CC

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

#cc3f0a

#0ACC3F

#3F0ACC

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

#cc3f0a

#36CC0A

#0A97CC

#A00ACC

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

#cc3f0a

#0A97CC

#0ACCA0

#0A36CC

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

#cc3f0a

#CCA00A

#97CC0A

#36CC0A

Shades

#cc3f0a Light Tints

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

#CC3F0A

#D15222

#D6653B

#DB7954

#E08C6C

#E69F85

#EBB29D

#F0C5B6

#F5D9CE

#FAECE7

#cc3f0a Gray Shades

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

#CC3F0A

#C44616

#BD4C22

#B5532D

#AE5939

#A66045

#9E6651

#976D5D

#8F7368

#887A74

#cc3f0a Dark Shades

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

#CC3F0A

#B83909

#A33208

#8F2C07

#7A2606

#662005

#521904

#3D1303

#290D02

#140601

#cc3f0a Red Shades

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

#CC3F0A

#D13909

#D63208

#DB2C07

#E02606

#E62005

#EB1904

#F01303

#F50D02

#FA0601

#cc3f0a Green Shades

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

#CC3F0A

#B84609

#A34C08

#8F5307

#7A5906

#666005

#526604

#3D6D03

#297302

#147A01

#cc3f0a Blue Shades

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

#CC3F0A

#B83922

#A3323B

#8F2C54

#7A266C

#662085

#52199D

#3D13B6

#290DCE

#1406E7

Readability Analysis

#cc3f0a as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.90	AA	Sample Text
Black	4.28	A	Sample Text
Red	1.23	Fail	Sample Text
Green	1.05	Fail	Sample Text
Blue	1.75	Fail	Sample Text

#cc3f0a as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.90	AA	Sample Text
Black	4.28	A	Sample Text
Red	1.23	Fail	Sample Text
Green	1.05	Fail	Sample Text
Blue	1.75	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#9b5e16`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#a55b04`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#cc3e2c`
Protanopia	No red perception - Dichromacy	`#7f701d`
Deuteranopia	No green perception - Dichromacy	`#8f6a00`
Tritanopia	No blue perception - Dichromacy	`#cc3d40`
Achromatomaly	Partial color blindness - Monochromacy	`#83503c`
Achromatopsia	Complete color blindness - Monochromacy	`#595959`

#cc3f0a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#cc3f0a Light Tints

#cc3f0a Gray Shades

#cc3f0a Dark Shades

#cc3f0a Red Shades

#cc3f0a Green Shades

#cc3f0a Blue Shades

Readability Analysis

#cc3f0a as Text Color

#cc3f0a as Background Color

Color Blindness Simulation

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

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

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

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

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

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