0 views

#cc363d - Color Information

#cc363d

Base Information

HEX

#cc363d

RGB

204,54,61

HSL

357,60,51

HSV

357,74,80

CMYK

0,74,70,20

LAB

47,59,32

LCH

47,67,29

XYZ

27,16,6

Web Safe

#cc3333

Web Smart

#cc3344

is dark

Yes

luminosity

0.1581

Pantone Color

Combinations

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

#cc363d

#36CCC5

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

#cc363d

#36CC7A

#3688CC

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

#cc363d

#3DCC36

#363DCC

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

#cc363d

#88CC36

#36CCC5

#7A36CC

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

#cc363d

#36CCC5

#36CC7A

#3688CC

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

#cc363d

#CC7A36

#CCC536

#88CC36

Shades

#cc363d Light Tints

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

#CC363D

#D14A50

#D65E64

#DB7277

#E0868B

#E69B9E

#EBAFB1

#F0C3C5

#F5D7D8

#FAEBEC

#cc363d Gray Shades

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

#CC363D

#C43D44

#BD454A

#B54C51

#AE5458

#A65B5F

#9E6265

#976A6C

#8F7173

#887979

#cc363d Dark Shades

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

#CC363D

#B83137

#A32B31

#8F262B

#7A2025

#661B1F

#521618

#3D1012

#290B0C

#140506

#cc363d Red Shades

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

#CC363D

#D13137

#D62B31

#DB262B

#E02025

#E61B1F

#EB1618

#F01012

#F50B0C

#FA0506

#cc363d Green Shades

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

#CC363D

#B83D37

#A34531

#8F4C2B

#7A5425

#665B1F

#526218

#3D6A12

#29710C

#147906

#cc363d Blue Shades

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

#CC363D

#B83150

#A32B64

#8F2677

#7A208B

#661B9E

#5216B1

#3D10C5

#290BD8

#1405EC

Readability Analysis

#cc363d as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.05	AA	Sample Text
Black	4.16	A	Sample Text
Red	1.26	Fail	Sample Text
Green	1.02	Fail	Sample Text
Blue	1.70	Fail	Sample Text

#cc363d as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.05	AA	Sample Text
Black	4.16	A	Sample Text
Red	1.26	Fail	Sample Text
Green	1.02	Fail	Sample Text
Blue	1.70	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#965a4a`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#a25638`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#cb383c`
Protanopia	No red perception - Dichromacy	`#776e51`
Deuteranopia	No green perception - Dichromacy	`#896935`
Tritanopia	No blue perception - Dichromacy	`#cb393c`
Achromatomaly	Partial color blindness - Monochromacy	`#814b4d`
Achromatopsia	Complete color blindness - Monochromacy	`#565656`

#cc363d - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#cc363d Light Tints

#cc363d Gray Shades

#cc363d Dark Shades

#cc363d Red Shades

#cc363d Green Shades

#cc363d Blue Shades

Readability Analysis

#cc363d as Text Color

#cc363d as Background Color

Color Blindness Simulation

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

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

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

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

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

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