1 views

#a70f99 - Color Information

#a70f99

Base Information

HEX

#a70f99

RGB

167,15,153

HSL

306,84,36

HSV

306,91,65

CMYK

0,91,8,35

LAB

39,68,-36

LCH

39,77,332

XYZ

22,11,31

Web Safe

#990099

Web Smart

#aa1199

luminosity

0.1086

is dark color

Yes

Generate #a70f99 solid background color

Create and download a solid color image in any size up to 5000x5000 pixels

Combinations

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

#a70f99

#0FA71D

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

#a70f99

#4DA70F

#0FA769

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

#a70f99

#99A70F

#0F99A7

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

#a70f99

#A7690F

#0FA71D

#0F4DA7

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

#a70f99

#0FA71D

#4DA70F

#0FA769

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

#a70f99

#A70F4D

#A71D0F

#A7690F

Shades

#a70f99 Light Tints

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

#A70F99

#B027A3

#B93FAD

#C157B8

#CA6FC2

#D387CC

#DC9FD6

#E5B7E0

#EDCFEB

#F6E7F5

#a70f99 Gray Shades

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

#A70F99

#A31A97

#9F2694

#9B3192

#973C8F

#94488D

#90538A

#8C5E88

#886985

#847583

#a70f99 Dark Shades

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

#A70F99

#960E8A

#860C7A

#750B6B

#64095C

#54084D

#43063D

#32042E

#21031F

#11010F

#a70f99 Red Shades

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

#A70F99

#B00E8A

#B90C7A

#C10B6B

#CA095C

#D3084D

#DC063D

#E5042E

#ED031F

#F6010F

#a70f99 Green Shades

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

#A70F99

#961A8A

#86267A

#75316B

#643C5C

#54484D

#43533D

#325E2E

#21691F

#11750F

#a70f99 Blue Shades

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

#A70F99

#960EA3

#860CAD

#750BB8

#6409C2

#5408CC

#4306D6

#3204E0

#2103EB

#1101F5

Readability Analysis

#a70f99 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.62	AA	Sample Text
Black	3.17	A	Sample Text
Red	1.66	Fail	Sample Text
Green	1.29	Fail	Sample Text
Blue	1.30	Fail	Sample Text

#a70f99 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.62	AA	Sample Text
Black	3.17	A	Sample Text
Red	1.66	Fail	Sample Text
Green	1.29	Fail	Sample Text
Blue	1.30	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#3d3faf`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#6b408f`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#a02d62`
Protanopia	No red perception - Dichromacy	`#005abb`
Deuteranopia	No green perception - Dichromacy	`#495c89`
Tritanopia	No blue perception - Dichromacy	`#9c3f43`
Achromatomaly	Partial color blindness - Monochromacy	`#612a5c`
Achromatopsia	Complete color blindness - Monochromacy	`#393939`

#a70f99 Color Code

Name	Code
#a70f99 css background color code	`.bg { background-color: #a70f99; }`
#a70f99 css text color code	`.text { color: #a70f99; }`
#a70f99 css border color code	`.border { border-color: #a70f99; }`

#a70f99 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

luminosity

is dark color

Generate #a70f99 solid background color

Combinations

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

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

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

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

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

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

Shades

#a70f99 Light Tints

#a70f99 Gray Shades

#a70f99 Dark Shades

#a70f99 Red Shades

#a70f99 Green Shades

#a70f99 Blue Shades

Readability Analysis

#a70f99 as Text Color

#a70f99 as Background Color

Color Blindness Simulation

#a70f99 Color Code

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

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

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

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

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

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