0 views

#ab0ee4 - Color Information

#ab0ee4

Base Information

HEX

#ab0ee4

RGB

171,14,228

HSL

284,88,47

HSV

284,94,89

CMYK

25,94,0,11

LAB

45,81,-71

LCH

45,108,319

XYZ

31,15,75

Web Safe

#9900cc

Web Smart

#aa11dd

is dark

Yes

luminosity

0.1457

Pantone Color

Combinations

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

#ab0ee4

#47E40E

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

#ab0ee4

#B2E40E

#0EE440

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

#ab0ee4

#E4AB0E

#0EE4AB

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

#ab0ee4

#E4400E

#47E40E

#0EB2E4

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

#ab0ee4

#47E40E

#B2E40E

#0EE440

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

#ab0ee4

#E40EB2

#E40E47

#E4400E

Shades

#ab0ee4 Light Tints

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

#AB0EE4

#B326E7

#BC3EE9

#C456EC

#CD6EEF

#D587F2

#DD9FF4

#E6B7F7

#EECFFA

#F7E7FC

#ab0ee4 Gray Shades

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

#AB0EE4

#A719DA

#A225D0

#9E30C6

#9A3CBC

#9647B2

#9152A8

#8D5E9E

#896994

#84758A

#ab0ee4 Dark Shades

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

#AB0EE4

#9A0DCD

#890BB6

#780AA0

#670889

#560772

#44065B

#330444

#22032E

#110117

#ab0ee4 Red Shades

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

#AB0EE4

#B30DCD

#BC0BB6

#C40AA0

#CD0889

#D50772

#DD065B

#E60444

#EE032E

#F70117

#ab0ee4 Green Shades

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

#AB0EE4

#9A19CD

#8925B6

#7830A0

#673C89

#564772

#44525B

#335E44

#22692E

#117517

#ab0ee4 Blue Shades

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

#AB0EE4

#9A0DE7

#890BE9

#780AEC

#6708EF

#5607F2

#4406F4

#3304F7

#2203FA

#1101FC

Readability Analysis

#ab0ee4 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.36	AA	Sample Text
Black	3.91	A	Sample Text
Red	1.34	Fail	Sample Text
Green	1.04	Fail	Sample Text
Blue	1.60	Fail	Sample Text

#ab0ee4 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.36	AA	Sample Text
Black	3.91	A	Sample Text
Red	1.34	Fail	Sample Text
Green	1.04	Fail	Sample Text
Blue	1.60	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#3e47da`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#3e4aca`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#9b3f91`
Protanopia	No red perception - Dichromacy	`#0067d5`
Deuteranopia	No green perception - Dichromacy	`#006dba`
Tritanopia	No blue perception - Dichromacy	`#925b62`
Achromatomaly	Partial color blindness - Monochromacy	`#662d7b`
Achromatopsia	Complete color blindness - Monochromacy	`#3f3f3f`

#ab0ee4 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ab0ee4 Light Tints

#ab0ee4 Gray Shades

#ab0ee4 Dark Shades

#ab0ee4 Red Shades

#ab0ee4 Green Shades

#ab0ee4 Blue Shades

Readability Analysis

#ab0ee4 as Text Color

#ab0ee4 as Background Color

Color Blindness Simulation

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

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

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

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

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

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