0 views

#3af77c - Color Information

#3af77c

Base Information

HEX

#3af77c

RGB

58,247,124

HSL

141,92,60

HSV

141,77,97

CMYK

77,0,50,3

LAB

86,-71,46

LCH

86,85,147

XYZ

39,69,30

Web Safe

#33ff66

Web Smart

#33ff77

is dark

luminosity

0.6888

Pantone Color

Combinations

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

#3af77c

#F73AB5

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

#3af77c

#DB3AF7

#F73A56

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

#3af77c

#7C3AF7

#F77C3A

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

#3af77c

#3A56F7

#F73AB5

#F7DB3A

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

#3af77c

#F73AB5

#DB3AF7

#F73A56

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

#3af77c

#3AF7DB

#3AB5F7

#3A56F7

Shades

#3af77c Light Tints

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

#3AF77C

#4EF889

#61F996

#75F9A3

#89FAB0

#9DFBBE

#B0FCCB

#C4FDD8

#D8FDE5

#EBFEF2

#3af77c Gray Shades

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

#3AF77C

#41EB7C

#48DF7D

#4FD37D

#56C77E

#5DBC7E

#64B07E

#6BA47F

#72987F

#798C80

#3af77c Dark Shades

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

#3AF77C

#34DE70

#2EC663

#29AD57

#23944A

#1D7C3E

#176332

#114A25

#0C3119

#06190C

#3af77c Red Shades

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

#3AF77C

#4EDE70

#61C663

#75AD57

#89944A

#9D7C3E

#B06332

#C44A25

#D83119

#EB190C

#3af77c Green Shades

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

#3AF77C

#34EB70

#2EDF63

#29D357

#23C74A

#1DBC3E

#17B032

#11A425

#0C9819

#068C0C

#3af77c Blue Shades

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

#3AF77C

#34DE89

#2EC696

#29ADA3

#2394B0

#1D7CBE

#1763CB

#114AD8

#0C31E5

#0619F2

Readability Analysis

#3af77c 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.61	A	Sample Text
Blue	6.05	AA	Sample Text

#3af77c 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.61	A	Sample Text
Blue	6.05	AA	Sample Text

Color Blindness Simulation

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

#3af77c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3af77c Light Tints

#3af77c Gray Shades

#3af77c Dark Shades

#3af77c Red Shades

#3af77c Green Shades

#3af77c Blue Shades

Readability Analysis

#3af77c as Text Color

#3af77c as Background Color

Color Blindness Simulation

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

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

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

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

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

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