0 views

#cc303c - Color Information

#cc303c

Base Information

HEX

#cc303c

RGB

204,48,60

HSL

355,62,49

HSV

355,76,80

CMYK

0,76,71,20

LAB

46,60,32

LCH

46,68,28

XYZ

27,15,6

Web Safe

#cc3333

Web Smart

#cc3344

is dark

Yes

luminosity

0.1528

Pantone Color

Combinations

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

#cc303c

#30CCC0

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

#cc303c

#30CC72

#308ACC

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

#cc303c

#3CCC30

#303CCC

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

#cc303c

#8ACC30

#30CCC0

#7230CC

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

#cc303c

#30CCC0

#30CC72

#308ACC

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

#cc303c

#CC7230

#CCC030

#8ACC30

Shades

#cc303c Light Tints

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

#CC303C

#D14550

#D65963

#DB6E77

#E0838A

#E6989E

#EBACB1

#F0C1C5

#F5D6D8

#FAEAEC

#cc303c Gray Shades

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

#CC303C

#C43843

#BD404A

#B54850

#AE5057

#A6585E

#9E6065

#97686C

#8F7072

#887879

#cc303c Dark Shades

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

#CC303C

#B82B36

#A32630

#8F222A

#7A1D24

#66181E

#521318

#3D0E12

#290A0C

#140506

#cc303c Red Shades

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

#CC303C

#D12B36

#D62630

#DB222A

#E01D24

#E6181E

#EB1318

#F00E12

#F50A0C

#FA0506

#cc303c Green Shades

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

#CC303C

#B83836

#A34030

#8F482A

#7A5024

#66581E

#526018

#3D6812

#29700C

#147806

#cc303c Blue Shades

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

#CC303C

#B82B50

#A32663

#8F2277

#7A1D8A

#66189E

#5213B1

#3D0EC5

#290AD8

#1405EC

Readability Analysis

#cc303c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.18	AA	Sample Text
Black	4.06	A	Sample Text
Red	1.30	Fail	Sample Text
Green	1.01	Fail	Sample Text
Blue	1.66	Fail	Sample Text

#cc303c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.18	AA	Sample Text
Black	4.06	A	Sample Text
Red	1.30	Fail	Sample Text
Green	1.01	Fail	Sample Text
Blue	1.66	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#945649`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#a05337`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#cb3339`
Protanopia	No red perception - Dichromacy	`#756c51`
Deuteranopia	No green perception - Dichromacy	`#876734`
Tritanopia	No blue perception - Dichromacy	`#ca3537`
Achromatomaly	Partial color blindness - Monochromacy	`#7e464a`
Achromatopsia	Complete color blindness - Monochromacy	`#525252`

#cc303c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#cc303c Light Tints

#cc303c Gray Shades

#cc303c Dark Shades

#cc303c Red Shades

#cc303c Green Shades

#cc303c Blue Shades

Readability Analysis

#cc303c as Text Color

#cc303c as Background Color

Color Blindness Simulation

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

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

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

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

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

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