0 views

#cc3e1f - Color Information

#cc3e1f

Base Information

HEX

#cc3e1f

RGB

204,62,31

HSL

11,74,46

HSV

11,85,80

CMYK

0,70,85,20

LAB

47,55,49

LCH

47,73,42

XYZ

27,16,3

Web Safe

#cc3333

Web Smart

#cc4422

is dark

Yes

luminosity

0.1638

Pantone Color

Combinations

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

#cc3e1f

#1FADCC

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

#cc3e1f

#1FCC94

#1F56CC

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

#cc3e1f

#1FCC3E

#3E1FCC

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

#cc3e1f

#57CC1F

#1FADCC

#941FCC

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

#cc3e1f

#1FADCC

#1FCC94

#1F56CC

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

#cc3e1f

#CC941F

#ADCC1F

#57CC1F

Shades

#cc3e1f Light Tints

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

#CC3E1F

#D15135

#D6654C

#DB7862

#E08B79

#E69F8F

#EBB2A5

#F0C5BC

#F5D8D2

#FAECE9

#cc3e1f Gray Shades

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

#CC3E1F

#C44529

#BD4B32

#B5523C

#AE5846

#A65F50

#9E6659

#976C63

#8F736D

#887976

#cc3e1f Dark Shades

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

#CC3E1F

#B8381C

#A33219

#8F2B16

#7A2513

#661F10

#52190C

#3D1309

#290C06

#140603

#cc3e1f Red Shades

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

#CC3E1F

#D1381C

#D63219

#DB2B16

#E02513

#E61F10

#EB190C

#F01309

#F50C06

#FA0603

#cc3e1f Green Shades

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

#CC3E1F

#B8451C

#A34B19

#8F5216

#7A5813

#665F10

#52660C

#3D6C09

#297306

#147903

#cc3e1f Blue Shades

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

#CC3E1F

#B83835

#A3324C

#8F2B62

#7A2579

#661F8F

#5219A5

#3D13BC

#290CD2

#1406E9

Readability Analysis

#cc3e1f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.91	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

#cc3e1f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.91	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	`#9a5e2a`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#a55a19`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#cc3d34`
Protanopia	No red perception - Dichromacy	`#7d7030`
Deuteranopia	No green perception - Dichromacy	`#8f6a15`
Tritanopia	No blue perception - Dichromacy	`#cc3d40`
Achromatomaly	Partial color blindness - Monochromacy	`#835045`
Achromatopsia	Complete color blindness - Monochromacy	`#5a5a5a`

#cc3e1f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#cc3e1f Light Tints

#cc3e1f Gray Shades

#cc3e1f Dark Shades

#cc3e1f Red Shades

#cc3e1f Green Shades

#cc3e1f Blue Shades

Readability Analysis

#cc3e1f as Text Color

#cc3e1f as Background Color

Color Blindness Simulation

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

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

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

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

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

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