0 views

#20f02c - Color Information

#20f02c

Base Information

HEX

#20f02c

RGB

32,240,44

HSL

123,87,53

HSV

123,87,94

CMYK

87,0,82,6

LAB

83,-80,73

LCH

83,108,137

XYZ

32,63,13

Web Safe

#33ff33

Web Smart

#22ee33

is dark

luminosity

0.6281

Pantone Color

Combinations

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

#20f02c

#F020E4

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

#20f02c

#9420F0

#F0207C

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

#20f02c

#2C20F0

#F02C20

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

#20f02c

#207CF0

#F020E4

#F09420

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

#20f02c

#F020E4

#9420F0

#F0207C

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

#20f02c

#20F094

#20E4F0

#207CF0

Shades

#20f02c Light Tints

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

#20F02C

#36F241

#4DF356

#63F56B

#79F680

#90F896

#A6F9AB

#BCFBC0

#D2FCD5

#E9FEEA

#20f02c Gray Shades

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

#20F02C

#2AE534

#33DA3D

#3DCE45

#46C34E

#50B856

#5AAD5E

#63A267

#6D966F

#768B78

#20f02c Dark Shades

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

#20F02C

#1DD828

#1AC023

#16A81F

#13901A

#107816

#0D6012

#0A480D

#063009

#031804

#20f02c Red Shades

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

#20F02C

#36D828

#4DC023

#63A81F

#79901A

#907816

#A66012

#BC480D

#D23009

#E91804

#20f02c Green Shades

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

#20F02C

#1DE528

#1ADA23

#16CE1F

#13C31A

#10B816

#0DAD12

#0AA20D

#069609

#038B04

#20f02c Blue Shades

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

#20F02C

#1DD841

#1AC056

#16A86B

#139080

#107896

#0D60AB

#0A48C0

#0630D5

#0318EA

Readability Analysis

#20f02c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.55	Fail	Sample Text
Black	13.56	AAA	Sample Text
Red	2.58	Fail	Sample Text
Green	3.32	A	Sample Text
Blue	5.55	AA	Sample Text

#20f02c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.55	Fail	Sample Text
Black	13.56	AAA	Sample Text
Red	2.58	Fail	Sample Text
Green	3.32	A	Sample Text
Blue	5.55	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#a0db29`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#aed54f`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#53e5a9`
Protanopia	No red perception - Dichromacy	`#eacf28`
Deuteranopia	No green perception - Dichromacy	`#ffc563`
Tritanopia	No blue perception - Dichromacy	`#70def0`
Achromatomaly	Partial color blindness - Monochromacy	`#7fcb84`
Achromatopsia	Complete color blindness - Monochromacy	`#b6b6b6`

#20f02c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#20f02c Light Tints

#20f02c Gray Shades

#20f02c Dark Shades

#20f02c Red Shades

#20f02c Green Shades

#20f02c Blue Shades

Readability Analysis

#20f02c as Text Color

#20f02c as Background Color

Color Blindness Simulation

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

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

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

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

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

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