0 views

#abf83d - Color Information

#abf83d

Base Information

HEX

#abf83d

RGB

171,248,61

HSL

85,93,61

HSV

85,75,97

CMYK

31,0,75,3

LAB

90,-50,76

LCH

90,91,123

XYZ

51,76,16

Web Safe

#99ff33

Web Smart

#aaff44

is dark

luminosity

0.7613

Pantone Color

Combinations

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

#abf83d

#8A3DF8

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

#abf83d

#3D4DF8

#E83DF8

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

#abf83d

#3DABF8

#F83DAB

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

#abf83d

#3DF8E8

#8A3DF8

#F83D4D

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

#abf83d

#8A3DF8

#3D4DF8

#E83DF8

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

#abf83d

#4DF83D

#3DF88A

#3DF8E8

Shades

#abf83d Light Tints

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

#ABF83D

#B3F950

#BCF964

#C4FA77

#CDFB8B

#D5FC9E

#DDFCB1

#E6FDC5

#EEFED8

#F7FEEC

#abf83d Gray Shades

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

#ABF83D

#A7EC44

#A2E04A

#9ED451

#9AC858

#96BC5F

#91B065

#8DA46C

#899873

#848C79

#abf83d Dark Shades

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

#ABF83D

#9ADF37

#89C631

#78AE2B

#679525

#567C1F

#446318

#334A12

#22320C

#111906

#abf83d Red Shades

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

#ABF83D

#B3DF37

#BCC631

#C4AE2B

#CD9525

#D57C1F

#DD6318

#E64A12

#EE320C

#F71906

#abf83d Green Shades

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

#ABF83D

#9AEC37

#89E031

#78D42B

#67C825

#56BC1F

#44B018

#33A412

#22980C

#118C06

#abf83d Blue Shades

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

#ABF83D

#9ADF50

#89C664

#78AE77

#67958B

#567C9E

#4463B1

#334AC5

#2232D8

#1119EC

Readability Analysis

#abf83d as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.29	Fail	Sample Text
Black	16.23	AAA	Sample Text
Red	3.09	A	Sample Text
Green	3.97	A	Sample Text
Blue	6.64	AA	Sample Text

#abf83d as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.29	Fail	Sample Text
Black	16.23	AAA	Sample Text
Red	3.09	A	Sample Text
Green	3.97	A	Sample Text
Blue	6.64	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e0ea3b`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e0e686`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#bbedb4`
Protanopia	No red perception - Dichromacy	`#fee23a`
Deuteranopia	No green perception - Dichromacy	`#ffdcaf`
Tritanopia	No blue perception - Dichromacy	`#c5e7f9`
Achromatomaly	Partial color blindness - Monochromacy	`#c9e5a1`
Achromatopsia	Complete color blindness - Monochromacy	`#dadada`

#abf83d - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#abf83d Light Tints

#abf83d Gray Shades

#abf83d Dark Shades

#abf83d Red Shades

#abf83d Green Shades

#abf83d Blue Shades

Readability Analysis

#abf83d as Text Color

#abf83d as Background Color

Color Blindness Simulation

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

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

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

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

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

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