0 views

#3afa3c - Color Information

#3afa3c

Base Information

HEX

#3afa3c

RGB

58,250,60

HSL

121,95,60

HSV

121,77,98

CMYK

77,0,76,2

LAB

87,-79,72

LCH

87,107,138

XYZ

37,70,16

Web Safe

#33ff33

Web Smart

#33ff44

is dark

luminosity

0.6960

Pantone Color

Combinations

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

#3afa3c

#FA3AF8

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

#3afa3c

#9C3AFA

#FA3A98

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

#3afa3c

#3C3AFA

#FA3C3A

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

#3afa3c

#3A98FA

#FA3AF8

#FA9C3A

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

#3afa3c

#FA3AF8

#9C3AFA

#FA3A98

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

#3afa3c

#3AFA9C

#3AF8FA

#3A98FA

Shades

#3afa3c Light Tints

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

#3AFA3C

#4EFB50

#61FB63

#75FC77

#89FC8A

#9DFD9E

#B0FDB1

#C4FEC5

#D8FED8

#EBFFEC

#3afa3c Gray Shades

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

#3AFA3C

#41EE43

#48E24A

#4FD550

#56C957

#5DBD5E

#64B165

#6BA56C

#729872

#798C79

#3afa3c Dark Shades

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

#3AFA3C

#34E136

#2EC830

#29AF2A

#239624

#1D7D1E

#176418

#114B12

#0C320C

#061906

#3afa3c Red Shades

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

#3AFA3C

#4EE136

#61C830

#75AF2A

#899624

#9D7D1E

#B06418

#C44B12

#D8320C

#EB1906

#3afa3c Green Shades

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

#3AFA3C

#34EE36

#2EE230

#29D52A

#23C924

#1DBD1E

#17B118

#11A512

#0C980C

#068C06

#3afa3c Blue Shades

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

#3AFA3C

#34E150

#2EC863

#29AF77

#23968A

#1D7D9E

#1764B1

#114BC5

#0C32D8

#0619EC

Readability Analysis

#3afa3c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.41	Fail	Sample Text
Black	14.92	AAA	Sample Text
Red	2.84	Fail	Sample Text
Green	3.65	A	Sample Text
Blue	6.10	AA	Sample Text

#3afa3c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.41	Fail	Sample Text
Black	14.92	AAA	Sample Text
Red	2.84	Fail	Sample Text
Green	3.65	A	Sample Text
Blue	6.10	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#b1e539`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#b7e072`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#64efb5`
Protanopia	No red perception - Dichromacy	`#f4d937`
Deuteranopia	No green perception - Dichromacy	`#ffd191`
Tritanopia	No blue perception - Dichromacy	`#7ce8fb`
Achromatomaly	Partial color blindness - Monochromacy	`#91d792`
Achromatopsia	Complete color blindness - Monochromacy	`#c3c3c3`

#3afa3c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3afa3c Light Tints

#3afa3c Gray Shades

#3afa3c Dark Shades

#3afa3c Red Shades

#3afa3c Green Shades

#3afa3c Blue Shades

Readability Analysis

#3afa3c as Text Color

#3afa3c as Background Color

Color Blindness Simulation

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

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

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

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

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

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