0 views

#af3232 - Color Information

#af3232

Base Information

HEX

#af3232

RGB

175,50,50

HSL

0,56,44

HSV

0,71,69

CMYK

0,71,71,31

LAB

41,50,30

LCH

41,59,31

XYZ

19,12,4

Web Safe

#993333

Web Smart

#aa3333

is dark

Yes

luminosity

0.1163

Pantone Color

Combinations

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

#af3232

#32AFAF

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

#af3232

#32AF71

#3270AF

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

#af3232

#32AF32

#3232AF

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

#af3232

#71AF32

#32AFAF

#7032AF

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

#af3232

#32AFAF

#32AF71

#3270AF

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

#af3232

#AF7132

#AFAF32

#71AF32

Shades

#af3232 Light Tints

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

#AF3232

#B74747

#BF5B5B

#C77070

#CF8484

#D79999

#DFADAD

#E7C2C2

#EFD6D6

#F7EBEB

#af3232 Gray Shades

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

#AF3232

#AA3A3A

#A64242

#A14949

#9C5151

#985959

#936161

#8E6969

#897070

#857878

#af3232 Dark Shades

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

#AF3232

#9E2D2D

#8C2828

#7A2323

#691E1E

#581919

#461414

#340F0F

#230A0A

#110505

#af3232 Red Shades

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

#AF3232

#B72D2D

#BF2828

#C72323

#CF1E1E

#D71919

#DF1414

#E70F0F

#EF0A0A

#F70505

#af3232 Green Shades

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

#AF3232

#9E3A2D

#8C4228

#7A4923

#69511E

#585919

#466114

#34690F

#23700A

#117805

#af3232 Blue Shades

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

#AF3232

#9E2D47

#8C285B

#7A2370

#691E84

#581999

#4614AD

#340FC2

#230AD6

#1105EB

Readability Analysis

#af3232 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.32	AA	Sample Text
Black	3.33	A	Sample Text
Red	1.58	Fail	Sample Text
Green	1.23	Fail	Sample Text
Blue	1.36	Fail	Sample Text

#af3232 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.32	AA	Sample Text
Black	3.33	A	Sample Text
Red	1.58	Fail	Sample Text
Green	1.23	Fail	Sample Text
Blue	1.36	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#824f3d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#8c4c2f`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#ae3436`
Protanopia	No red perception - Dichromacy	`#686043`
Deuteranopia	No green perception - Dichromacy	`#785b2d`
Tritanopia	No blue perception - Dichromacy	`#ae3538`
Achromatomaly	Partial color blindness - Monochromacy	`#704343`
Achromatopsia	Complete color blindness - Monochromacy	`#4d4d4d`

#af3232 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#af3232 Light Tints

#af3232 Gray Shades

#af3232 Dark Shades

#af3232 Red Shades

#af3232 Green Shades

#af3232 Blue Shades

Readability Analysis

#af3232 as Text Color

#af3232 as Background Color

Color Blindness Simulation

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

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

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

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

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

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