0 views

#cc1f2f - Color Information

#cc1f2f

Base Information

HEX

#cc1f2f

RGB

204,31,47

HSL

354,74,46

HSV

354,85,80

CMYK

0,85,77,20

LAB

44,64,37

LCH

44,74,30

XYZ

26,14,4

Web Safe

#cc3333

Web Smart

#cc2233

is dark

Yes

luminosity

0.1402

Pantone Color

Combinations

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

#cc1f2f

#1FCCBC

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

#cc1f2f

#1FCC66

#1F85CC

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

#cc1f2f

#2FCC1F

#1F2FCC

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

#cc1f2f

#85CC1F

#1FCCBC

#661FCC

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

#cc1f2f

#1FCCBC

#1FCC66

#1F85CC

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

#cc1f2f

#CC651F

#CCBC1F

#85CC1F

Shades

#cc1f2f Light Tints

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

#CC1F2F

#D13544

#D64C59

#DB626D

#E07982

#E68F97

#EBA5AC

#F0BCC1

#F5D2D5

#FAE9EA

#cc1f2f Gray Shades

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

#CC1F2F

#C42937

#BD323F

#B53C47

#AE464F

#A65058

#9E5960

#976368

#8F6D70

#887678

#cc1f2f Dark Shades

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

#CC1F2F

#B81C2A

#A31926

#8F1621

#7A131C

#661018

#520C13

#3D090E

#290609

#140305

#cc1f2f Red Shades

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

#CC1F2F

#D11C2A

#D61926

#DB1621

#E0131C

#E61018

#EB0C13

#F0090E

#F50609

#FA0305

#cc1f2f Green Shades

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

#CC1F2F

#B8292A

#A33226

#8F3C21

#7A461C

#665018

#525913

#3D630E

#296D09

#147605

#cc1f2f Blue Shades

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

#CC1F2F

#B81C44

#A31959

#8F166D

#7A1382

#661097

#520CAC

#3D09C1

#2906D5

#1403EA

Readability Analysis

#cc1f2f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.52	AA	Sample Text
Black	3.80	A	Sample Text
Red	1.38	Fail	Sample Text
Green	1.07	Fail	Sample Text
Blue	1.56	Fail	Sample Text

#cc1f2f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.52	AA	Sample Text
Black	3.80	A	Sample Text
Red	1.38	Fail	Sample Text
Green	1.07	Fail	Sample Text
Blue	1.56	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#934e3d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#9e4a29`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#cb2429`
Protanopia	No red perception - Dichromacy	`#726845`
Deuteranopia	No green perception - Dichromacy	`#846326`
Tritanopia	No blue perception - Dichromacy	`#ca2726`
Achromatomaly	Partial color blindness - Monochromacy	`#76373d`
Achromatopsia	Complete color blindness - Monochromacy	`#454545`

#cc1f2f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#cc1f2f Light Tints

#cc1f2f Gray Shades

#cc1f2f Dark Shades

#cc1f2f Red Shades

#cc1f2f Green Shades

#cc1f2f Blue Shades

Readability Analysis

#cc1f2f as Text Color

#cc1f2f as Background Color

Color Blindness Simulation

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

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

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

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

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

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