0 views

#3af77d - Color Information

#3af77d

Base Information

HEX

#3af77d

RGB

58,247,125

HSL

141,92,60

HSV

141,77,97

CMYK

77,0,49,3

LAB

86,-71,46

LCH

86,84,147

XYZ

39,69,31

Web Safe

#33ff66

Web Smart

#33ff77

is dark

luminosity

0.6890

Pantone Color

Combinations

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

#3af77d

#F73AB4

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

#3af77d

#DC3AF7

#F73A55

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

#3af77d

#7D3AF7

#F77D3A

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

#3af77d

#3A55F7

#F73AB4

#F7DC3A

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

#3af77d

#F73AB4

#DC3AF7

#F73A55

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

#3af77d

#3AF7DC

#3AB4F7

#3A55F7

Shades

#3af77d Light Tints

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

#3AF77D

#4EF88A

#61F997

#75F9A4

#89FAB1

#9DFBBE

#B0FCCB

#C4FDD8

#D8FDE5

#EBFEF2

#3af77d Gray Shades

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

#3AF77D

#41EB7D

#48DF7E

#4FD37E

#56C77E

#5DBC7F

#64B07F

#6BA47F

#72987F

#798C80

#3af77d Dark Shades

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

#3AF77D

#34DE71

#2EC664

#29AD58

#23944B

#1D7C3F

#176332

#114A25

#0C3119

#06190C

#3af77d Red Shades

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

#3AF77D

#4EDE71

#61C664

#75AD58

#89944B

#9D7C3F

#B06332

#C44A25

#D83119

#EB190C

#3af77d Green Shades

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

#3AF77D

#34EB71

#2EDF64

#29D358

#23C74B

#1DBC3F

#17B032

#11A425

#0C9819

#068C0C

#3af77d Blue Shades

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

#3AF77D

#34DE8A

#2EC697

#29ADA4

#2394B1

#1D7CBE

#1763CB

#114AD8

#0C31E5

#0619F2

Readability Analysis

#3af77d as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.42	Fail	Sample Text
Black	14.78	AAA	Sample Text
Red	2.81	Fail	Sample Text
Green	3.62	A	Sample Text
Blue	6.05	AA	Sample Text

#3af77d as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.42	Fail	Sample Text
Black	14.78	AAA	Sample Text
Red	2.81	Fail	Sample Text
Green	3.62	A	Sample Text
Blue	6.05	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ade376`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#b7de8f`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#5feecd`
Protanopia	No red perception - Dichromacy	`#eed772`
Deuteranopia	No green perception - Dichromacy	`#ffcf99`
Tritanopia	No blue perception - Dichromacy	`#74e8fb`
Achromatomaly	Partial color blindness - Monochromacy	`#93d8ab`
Achromatopsia	Complete color blindness - Monochromacy	`#c6c6c6`

#3af77d - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3af77d Light Tints

#3af77d Gray Shades

#3af77d Dark Shades

#3af77d Red Shades

#3af77d Green Shades

#3af77d Blue Shades

Readability Analysis

#3af77d as Text Color

#3af77d as Background Color

Color Blindness Simulation

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

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

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

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

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

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