0 views

#abf00c - Color Information

#abf00c

Base Information

HEX

#abf00c

RGB

171,240,12

HSL

78,90,49

HSV

78,95,94

CMYK

29,0,95,6

LAB

87,-48,84

LCH

87,97,120

XYZ

48,71,12

Web Safe

#99ff00

Web Smart

#aaee11

is dark

luminosity

0.7100

Pantone Color

Combinations

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

#abf00c

#510CF0

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

#abf00c

#0C39F0

#C30CF0

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

#abf00c

#0CABF0

#F00CAB

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

#abf00c

#0CF0C3

#510CF0

#F00C39

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

#abf00c

#510CF0

#0C39F0

#C30CF0

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

#abf00c

#39F00C

#0CF051

#0CF0C3

Shades

#abf00c Light Tints

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

#ABF00C

#B3F224

#BCF33D

#C4F555

#CDF66D

#D5F886

#DDF99E

#E6FBB6

#EEFCCE

#F7FEE7

#abf00c Gray Shades

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

#ABF00C

#A7E518

#A2DA23

#9ECE2F

#9AC33A

#96B846

#91AD52

#8DA25D

#899669

#848B74

#abf00c Dark Shades

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

#ABF00C

#9AD80B

#89C00A

#78A808

#679007

#567806

#446005

#334804

#223002

#111801

#abf00c Red Shades

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

#ABF00C

#B3D80B

#BCC00A

#C4A808

#CD9007

#D57806

#DD6005

#E64804

#EE3002

#F71801

#abf00c Green Shades

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

#ABF00C

#9AE50B

#89DA0A

#78CE08

#67C307

#56B806

#44AD05

#33A204

#229602

#118B01

#abf00c Blue Shades

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

#ABF00C

#9AD824

#89C03D

#78A855

#67906D

#567886

#44609E

#3348B6

#2230CE

#1118E7

Readability Analysis

#abf00c 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

#abf00c 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	`#dce309`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e0de64`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#bbe59d`
Protanopia	No red perception - Dichromacy	`#f8db08`
Deuteranopia	No green perception - Dichromacy	`#ffd496`
Tritanopia	No blue perception - Dichromacy	`#c4def0`
Achromatomaly	Partial color blindness - Monochromacy	`#c3dc89`
Achromatopsia	Complete color blindness - Monochromacy	`#d1d1d1`

#abf00c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#abf00c Light Tints

#abf00c Gray Shades

#abf00c Dark Shades

#abf00c Red Shades

#abf00c Green Shades

#abf00c Blue Shades

Readability Analysis

#abf00c as Text Color

#abf00c as Background Color

Color Blindness Simulation

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

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

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

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

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

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