0 views

#cc0f1e - Color Information

#cc0f1e

Base Information

HEX

#cc0f1e

RGB

204,15,30

HSL

355,86,43

HSV

355,93,80

CMYK

0,93,85,20

LAB

43,67,46

LCH

43,81,34

XYZ

25,13,2

Web Safe

#cc0033

Web Smart

#cc1122

is dark

Yes

luminosity

0.1327

Pantone Color

Combinations

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

#cc0f1e

#0FCCBD

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

#cc0f1e

#0FCC5E

#0F7DCC

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

#cc0f1e

#1ECC0F

#0F1ECC

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

#cc0f1e

#7DCC0F

#0FCCBD

#5E0FCC

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

#cc0f1e

#0FCCBD

#0FCC5E

#0F7DCC

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

#cc0f1e

#CC5E0F

#CCBD0F

#7DCC0F

Shades

#cc0f1e Light Tints

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

#CC0F1E

#D12734

#D63F4B

#DB5762

#E06F78

#E6878F

#EB9FA5

#F0B7BC

#F5CFD2

#FAE7E9

#cc0f1e Gray Shades

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

#CC0F1E

#C41A28

#BD2632

#B5313B

#AE3C45

#A6484F

#9E5359

#975E63

#8F696C

#887576

#cc0f1e Dark Shades

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

#CC0F1E

#B80E1B

#A30C18

#8F0B15

#7A0912

#66080F

#52060C

#3D0409

#290306

#140103

#cc0f1e Red Shades

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

#CC0F1E

#D10E1B

#D60C18

#DB0B15

#E00912

#E6080F

#EB060C

#F00409

#F50306

#FA0103

#cc0f1e Green Shades

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

#CC0F1E

#B81A1B

#A32618

#8F3115

#7A3C12

#66480F

#52530C

#3D5E09

#296906

#147503

#cc0f1e Blue Shades

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

#CC0F1E

#B80E34

#A30C4B

#8F0B62

#7A0978

#66088F

#5206A5

#3D04BC

#2903D2

#1401E9

Readability Analysis

#cc0f1e as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.75	AA	Sample Text
Black	3.65	A	Sample Text
Red	1.44	Fail	Sample Text
Green	1.12	Fail	Sample Text
Blue	1.50	Fail	Sample Text

#cc0f1e as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.75	AA	Sample Text
Black	3.65	A	Sample Text
Red	1.44	Fail	Sample Text
Green	1.12	Fail	Sample Text
Blue	1.50	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#92462c`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#9d4315`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#cb1518`
Protanopia	No red perception - Dichromacy	`#716634`
Deuteranopia	No green perception - Dichromacy	`#826110`
Tritanopia	No blue perception - Dichromacy	`#cb1915`
Achromatomaly	Partial color blindness - Monochromacy	`#6e292f`
Achromatopsia	Complete color blindness - Monochromacy	`#383838`

#cc0f1e - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#cc0f1e Light Tints

#cc0f1e Gray Shades

#cc0f1e Dark Shades

#cc0f1e Red Shades

#cc0f1e Green Shades

#cc0f1e Blue Shades

Readability Analysis

#cc0f1e as Text Color

#cc0f1e as Background Color

Color Blindness Simulation

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

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

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

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

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

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