0 views

#3af21c - Color Information

#3af21c

Base Information

HEX

#3af21c

RGB

58,242,28

HSL

112,89,53

HSV

112,88,95

CMYK

76,0,88,5

LAB

84,-78,78

LCH

84,110,135

XYZ

34,64,12

Web Safe

#33ff33

Web Smart

#33ee22

is dark

luminosity

0.6449

Pantone Color

Combinations

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

#3af21c

#D41CF2

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

#3af21c

#691CF2

#F21CA5

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

#3af21c

#1C3AF2

#F21C3A

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

#3af21c

#1CA5F2

#D41CF2

#F2691C

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

#3af21c

#D41CF2

#691CF2

#F21CA5

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

#3af21c

#1CF269

#1CF2D4

#1CA5F2

Shades

#3af21c Light Tints

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

#3AF21C

#4EF333

#61F549

#75F660

#89F777

#9DF98E

#B0FAA4

#C4FBBB

#D8FCD2

#EBFEE8

#3af21c Gray Shades

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

#3AF21C

#41E726

#48DB30

#4FD03A

#56C444

#5DB94E

#64AE58

#6BA262

#72976C

#798B76

#3af21c Dark Shades

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

#3AF21C

#34DA19

#2EC216

#29A914

#239111

#1D790E

#17610B

#114908

#0C3006

#061803

#3af21c Red Shades

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

#3AF21C

#4EDA19

#61C216

#75A914

#899111

#9D790E

#B0610B

#C44908

#D83006

#EB1803

#3af21c Green Shades

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

#3AF21C

#34E719

#2EDB16

#29D014

#23C411

#1DB90E

#17AE0B

#11A208

#0C9706

#068B03

#3af21c Blue Shades

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

#3AF21C

#34DA33

#2EC249

#29A960

#239177

#1D798E

#1761A4

#1149BB

#0C30D2

#0618E8

Readability Analysis

#3af21c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.51	Fail	Sample Text
Black	13.90	AAA	Sample Text
Red	2.65	Fail	Sample Text
Green	3.40	A	Sample Text
Blue	5.69	AA	Sample Text

#3af21c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.51	Fail	Sample Text
Black	13.90	AAA	Sample Text
Red	2.65	Fail	Sample Text
Green	3.40	A	Sample Text
Blue	5.69	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#acdd1a`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#b7d751`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#63e7a4`
Protanopia	No red perception - Dichromacy	`#edd118`
Deuteranopia	No green perception - Dichromacy	`#ffc86f`
Tritanopia	No blue perception - Dichromacy	`#7ae0f2`
Achromatomaly	Partial color blindness - Monochromacy	`#8ccf81`
Achromatopsia	Complete color blindness - Monochromacy	`#bbbbbb`

#3af21c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3af21c Light Tints

#3af21c Gray Shades

#3af21c Dark Shades

#3af21c Red Shades

#3af21c Green Shades

#3af21c Blue Shades

Readability Analysis

#3af21c as Text Color

#3af21c as Background Color

Color Blindness Simulation

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

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

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

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

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

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