0 views

#af3bdd - Color Information

#af3bdd

Base Information

HEX

#af3bdd

RGB

175,59,221

HSL

283,70,55

HSV

283,73,87

CMYK

21,73,0,13

LAB

49,69,-61

LCH

49,92,319

XYZ

32,17,70

Web Safe

#9933cc

Web Smart

#aa33dd

is dark

Yes

luminosity

0.1746

Pantone Color

Combinations

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

#af3bdd

#69DD3B

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

#af3bdd

#BADD3B

#3BDD5E

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

#af3bdd

#DDAF3B

#3BDDAF

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

#af3bdd

#DD5E3B

#69DD3B

#3BBADD

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

#af3bdd

#69DD3B

#BADD3B

#3BDD5E

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

#af3bdd

#DD3BBA

#DD3B69

#DD5E3B

Shades

#af3bdd Light Tints

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

#AF3BDD

#B74FE0

#BF62E4

#C776E7

#CF89EB

#D79DEE

#DFB1F1

#E7C4F5

#EFD8F8

#F7EBFC

#af3bdd Gray Shades

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

#AF3BDD

#AA42D4

#A649CA

#A150C1

#9C57B8

#985EAF

#9364A5

#8E6B9C

#897293

#857989

#af3bdd Dark Shades

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

#AF3BDD

#9E35C7

#8C2FB1

#7A299B

#692385

#581E6F

#461858

#341242

#230C2C

#110616

#af3bdd Red Shades

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

#AF3BDD

#B735C7

#BF2FB1

#C7299B

#CF2385

#D71E6F

#DF1858

#E71242

#EF0C2C

#F70616

#af3bdd Green Shades

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

#AF3BDD

#9E42C7

#8C49B1

#7A509B

#695785

#585E6F

#466458

#346B42

#23722C

#117916

#af3bdd Blue Shades

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

#AF3BDD

#9E35E0

#8C2FE4

#7A29E7

#6923EB

#581EEE

#4618F1

#3412F5

#230CF8

#1106FC

Readability Analysis

#af3bdd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.67	AA	Sample Text
Black	4.49	A	Sample Text
Red	1.17	Fail	Sample Text
Green	1.10	Fail	Sample Text
Blue	1.84	Fail	Sample Text

#af3bdd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.67	AA	Sample Text
Black	4.49	A	Sample Text
Red	1.17	Fail	Sample Text
Green	1.10	Fail	Sample Text
Blue	1.84	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#405ce4`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#5460d1`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#a15696`
Protanopia	No red perception - Dichromacy	`#0070e8`
Deuteranopia	No green perception - Dichromacy	`#2075ca`
Tritanopia	No blue perception - Dichromacy	`#9a656d`
Achromatomaly	Partial color blindness - Monochromacy	`#7c528d`
Achromatopsia	Complete color blindness - Monochromacy	`#5f5f5f`

#af3bdd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#af3bdd Light Tints

#af3bdd Gray Shades

#af3bdd Dark Shades

#af3bdd Red Shades

#af3bdd Green Shades

#af3bdd Blue Shades

Readability Analysis

#af3bdd as Text Color

#af3bdd as Background Color

Color Blindness Simulation

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

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

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

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

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

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