0 views

#d4311f - Color Information

#d4311f

Base Information

HEX

#d4311f

RGB

212,49,31

HSL

6,74,48

HSV

6,85,83

CMYK

0,77,85,17

LAB

47,62,49

LCH

47,79,39

XYZ

29,16,3

Web Safe

#cc3333

Web Smart

#cc3322

is dark

Yes

luminosity

0.1629

Pantone Color

Combinations

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

#d4311f

#1FC2D4

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

#d4311f

#1FD48C

#1F67D4

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

#d4311f

#1FD431

#311FD4

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

#d4311f

#67D41F

#1FC2D4

#8C1FD4

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

#d4311f

#1FC2D4

#1FD48C

#1F67D4

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

#d4311f

#D48B1F

#C2D41F

#67D41F

Shades

#d4311f Light Tints

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

#D4311F

#D84635

#DD5A4C

#E16F62

#E58379

#EA988F

#EEADA5

#F2C1BC

#F6D6D2

#FBEAE9

#d4311f Gray Shades

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

#D4311F

#CC3929

#C34132

#BB493C

#B25146

#AA5950

#A26059

#996863

#91706D

#887876

#d4311f Dark Shades

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

#D4311F

#BF2C1C

#AA2719

#942216

#7F1D13

#6A1910

#55140C

#400F09

#2A0A06

#150503

#d4311f Red Shades

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

#D4311F

#D82C1C

#DD2719

#E12216

#E51D13

#EA1910

#EE140C

#F20F09

#F60A06

#FB0503

#d4311f Green Shades

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

#D4311F

#BF391C

#AA4119

#944916

#7F5113

#6A5910

#55600C

#406809

#2A7006

#157803

#d4311f Blue Shades

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

#D4311F

#BF2C35

#AA274C

#942262

#7F1D79

#6A198F

#5514A5

#400FBC

#2A0AD2

#1505E9

Readability Analysis

#d4311f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.93	AA	Sample Text
Black	4.26	A	Sample Text
Red	1.23	Fail	Sample Text
Green	1.04	Fail	Sample Text
Blue	1.74	Fail	Sample Text

#d4311f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.93	AA	Sample Text
Black	4.26	A	Sample Text
Red	1.23	Fail	Sample Text
Green	1.04	Fail	Sample Text
Blue	1.74	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#9c592b`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#a85517`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d4322c`
Protanopia	No red perception - Dichromacy	`#7d7032`
Deuteranopia	No green perception - Dichromacy	`#8f6a12`
Tritanopia	No blue perception - Dichromacy	`#d33234`
Achromatomaly	Partial color blindness - Monochromacy	`#824640`
Achromatopsia	Complete color blindness - Monochromacy	`#525252`

#d4311f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#d4311f Light Tints

#d4311f Gray Shades

#d4311f Dark Shades

#d4311f Red Shades

#d4311f Green Shades

#d4311f Blue Shades

Readability Analysis

#d4311f as Text Color

#d4311f as Background Color

Color Blindness Simulation

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

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

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

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

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

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