0 views

#3af42f - Color Information

#3af42f

Base Information

HEX

#3af42f

RGB

58,244,47

HSL

117,90,57

HSV

117,81,96

CMYK

76,0,81,4

LAB

85,-78,74

LCH

85,107,136

XYZ

35,66,14

Web Safe

#33ff33

Web Smart

#33ee33

is dark

luminosity

0.6581

Pantone Color

Combinations

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

#3af42f

#E92FF4

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

#3af42f

#862FF4

#F42F9C

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

#3af42f

#2F3AF4

#F42F3A

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

#3af42f

#2F9CF4

#E92FF4

#F4872F

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

#3af42f

#E92FF4

#862FF4

#F42F9C

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

#3af42f

#2FF487

#2FF4E9

#2F9CF4

Shades

#3af42f Light Tints

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

#3AF42F

#4EF544

#61F659

#75F76D

#89F882

#9DFA97

#B0FBAC

#C4FCC1

#D8FDD5

#EBFEEA

#3af42f Gray Shades

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

#3AF42F

#41E837

#48DD3F

#4FD147

#56C64F

#5DBA58

#64AE60

#6BA368

#729770

#798C78

#3af42f Dark Shades

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

#3AF42F

#34DC2A

#2EC326

#29AB21

#23921C

#1D7A18

#176213

#11490E

#0C3109

#061805

#3af42f Red Shades

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

#3AF42F

#4EDC2A

#61C326

#75AB21

#89921C

#9D7A18

#B06213

#C4490E

#D83109

#EB1805

#3af42f Green Shades

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

#3AF42F

#34E82A

#2EDD26

#29D121

#23C61C

#1DBA18

#17AE13

#11A30E

#0C9709

#068C05

#3af42f Blue Shades

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

#3AF42F

#34DC44

#2EC359

#29AB6D

#239282

#1D7A97

#1762AC

#1149C1

#0C31D5

#0618EA

Readability Analysis

#3af42f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.48	Fail	Sample Text
Black	14.16	AAA	Sample Text
Red	2.70	Fail	Sample Text
Green	3.46	A	Sample Text
Blue	5.79	AA	Sample Text

#3af42f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.48	Fail	Sample Text
Black	14.16	AAA	Sample Text
Red	2.70	Fail	Sample Text
Green	3.46	A	Sample Text
Blue	5.79	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#addf2c`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#b7da5f`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#63e9ad`
Protanopia	No red perception - Dichromacy	`#efd32b`
Deuteranopia	No green perception - Dichromacy	`#ffcb7a`
Tritanopia	No blue perception - Dichromacy	`#7ae2f4`
Achromatomaly	Partial color blindness - Monochromacy	`#8ed28a`
Achromatopsia	Complete color blindness - Monochromacy	`#bebebe`

#3af42f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3af42f Light Tints

#3af42f Gray Shades

#3af42f Dark Shades

#3af42f Red Shades

#3af42f Green Shades

#3af42f Blue Shades

Readability Analysis

#3af42f as Text Color

#3af42f as Background Color

Color Blindness Simulation

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

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

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

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

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

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