0 views

#abf00d - Color Information

#abf00d

Base Information

HEX

#abf00d

RGB

171,240,13

HSL

78,90,50

HSV

78,95,94

CMYK

29,0,95,6

LAB

87,-48,84

LCH

87,96,120

XYZ

48,71,12

Web Safe

#99ff00

Web Smart

#aaee11

is dark

luminosity

0.7101

Pantone Color

Combinations

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

#abf00d

#520DF0

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

#abf00d

#0D3AF0

#C30DF0

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

#abf00d

#0DABF0

#F00DAB

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

#abf00d

#0DF0C3

#520DF0

#F00D39

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

#abf00d

#520DF0

#0D3AF0

#C30DF0

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

#abf00d

#3AF00D

#0DF052

#0DF0C3

Shades

#abf00d Light Tints

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

#ABF00D

#B3F225

#BCF33D

#C4F556

#CDF66E

#D5F886

#DDF99E

#E6FBB6

#EEFCCF

#F7FEE7

#abf00d Gray Shades

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

#ABF00D

#A7E519

#A2DA24

#9ECE30

#9AC33B

#96B847

#91AD52

#8DA25E

#899669

#848B75

#abf00d Dark Shades

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

#ABF00D

#9AD80C

#89C00A

#78A809

#679008

#567807

#446005

#334804

#223003

#111801

#abf00d Red Shades

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

#ABF00D

#B3D80C

#BCC00A

#C4A809

#CD9008

#D57807

#DD6005

#E64804

#EE3003

#F71801

#abf00d Green Shades

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

#ABF00D

#9AE50C

#89DA0A

#78CE09

#67C308

#56B807

#44AD05

#33A204

#229603

#118B01

#abf00d Blue Shades

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

#ABF00D

#9AD825

#89C03D

#78A856

#67906E

#567886

#44609E

#3348B6

#2230CF

#1118E7

Readability Analysis

#abf00d as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.38	Fail	Sample Text
Black	15.20	AAA	Sample Text
Red	2.89	Fail	Sample Text
Green	3.72	A	Sample Text
Blue	6.22	AA	Sample Text

#abf00d as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.38	Fail	Sample Text
Black	15.20	AAA	Sample Text
Red	2.89	Fail	Sample Text
Green	3.72	A	Sample Text
Blue	6.22	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#dce30b`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e0de64`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#bbe59d`
Protanopia	No red perception - Dichromacy	`#f8db0a`
Deuteranopia	No green perception - Dichromacy	`#ffd496`
Tritanopia	No blue perception - Dichromacy	`#c4def0`
Achromatomaly	Partial color blindness - Monochromacy	`#c3dc8a`
Achromatopsia	Complete color blindness - Monochromacy	`#d1d1d1`

#abf00d - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#abf00d Light Tints

#abf00d Gray Shades

#abf00d Dark Shades

#abf00d Red Shades

#abf00d Green Shades

#abf00d Blue Shades

Readability Analysis

#abf00d as Text Color

#abf00d as Background Color

Color Blindness Simulation

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

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

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

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

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

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