0 views

#ab0ce9 - Color Information

#ab0ce9

Base Information

HEX

#ab0ce9

RGB

171,12,233

HSL

283,90,48

HSV

283,95,91

CMYK

27,95,0,9

LAB

45,82,-73

LCH

45,110,318

XYZ

32,15,78

Web Safe

#9900ff

Web Smart

#aa11ee

is dark

Yes

luminosity

0.1480

Pantone Color

Combinations

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

#ab0ce9

#4AE90C

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

#ab0ce9

#B8E90C

#0CE93D

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

#ab0ce9

#E9AB0C

#0CE9AB

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

#ab0ce9

#E93D0C

#4AE90C

#0CB8E9

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

#ab0ce9

#4AE90C

#B8E90C

#0CE93D

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

#ab0ce9

#E90CB8

#E90C4A

#E93D0C

Shades

#ab0ce9 Light Tints

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

#AB0CE9

#B324EB

#BC3DED

#C455F0

#CD6DF2

#D586F4

#DD9EF6

#E6B6F8

#EECEFB

#F7E7FD

#ab0ce9 Gray Shades

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

#AB0CE9

#A718DF

#A223D4

#9E2FCA

#9A3ABF

#9646B5

#9152AA

#8D5DA0

#896995

#84748B

#ab0ce9 Dark Shades

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

#AB0CE9

#9A0BD2

#890ABA

#7808A3

#67078C

#560675

#44055D

#330446

#22022F

#110117

#ab0ce9 Red Shades

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

#AB0CE9

#B30BD2

#BC0ABA

#C408A3

#CD078C

#D50675

#DD055D

#E60446

#EE022F

#F70117

#ab0ce9 Green Shades

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

#AB0CE9

#9A18D2

#8923BA

#782FA3

#673A8C

#564675

#44525D

#335D46

#22692F

#117417

#ab0ce9 Blue Shades

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

#AB0CE9

#9A0BEB

#890AED

#7808F0

#6707F2

#5606F4

#4405F6

#3304F8

#2202FB

#1101FD

Readability Analysis

#ab0ce9 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.30	AA	Sample Text
Black	3.96	A	Sample Text
Red	1.33	Fail	Sample Text
Green	1.03	Fail	Sample Text
Blue	1.62	Fail	Sample Text

#ab0ce9 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.30	AA	Sample Text
Black	3.96	A	Sample Text
Red	1.33	Fail	Sample Text
Green	1.03	Fail	Sample Text
Blue	1.62	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#3e46dd`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#3e4acc`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#9a4094`
Protanopia	No red perception - Dichromacy	`#0068d6`
Deuteranopia	No green perception - Dichromacy	`#006ebb`
Tritanopia	No blue perception - Dichromacy	`#905d64`
Achromatomaly	Partial color blindness - Monochromacy	`#652c7c`
Achromatopsia	Complete color blindness - Monochromacy	`#3e3e3e`

#ab0ce9 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ab0ce9 Light Tints

#ab0ce9 Gray Shades

#ab0ce9 Dark Shades

#ab0ce9 Red Shades

#ab0ce9 Green Shades

#ab0ce9 Blue Shades

Readability Analysis

#ab0ce9 as Text Color

#ab0ce9 as Background Color

Color Blindness Simulation

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

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

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

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

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

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