0 views

#3af33c - Color Information

#3af33c

Base Information

HEX

#3af33c

RGB

58,243,60

HSL

121,89,59

HSV

121,76,95

CMYK

76,0,75,5

LAB

85,-77,70

LCH

85,104,138

XYZ

35,65,15

Web Safe

#33ff33

Web Smart

#33ee44

is dark

luminosity

0.6533

Pantone Color

Combinations

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

#3af33c

#F33AF1

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

#3af33c

#983AF3

#F33A95

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

#3af33c

#3C3AF3

#F33C3A

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

#3af33c

#3A94F3

#F33AF1

#F3993A

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

#3af33c

#F33AF1

#983AF3

#F33A95

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

#3af33c

#3AF399

#3AF1F3

#3A94F3

Shades

#3af33c Light Tints

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

#3AF33C

#4EF450

#61F563

#75F777

#89F88A

#9DF99E

#B0FAB1

#C4FBC5

#D8FDD8

#EBFEEC

#3af33c Gray Shades

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

#3AF33C

#41E843

#48DC4A

#4FD150

#56C557

#5DBA5E

#64AE65

#6BA36C

#729772

#798C79

#3af33c Dark Shades

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

#3AF33C

#34DB36

#2EC230

#29AA2A

#239224

#1D7A1E

#176118

#114912

#0C310C

#061806

#3af33c Red Shades

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

#3AF33C

#4EDB36

#61C230

#75AA2A

#899224

#9D7A1E

#B06118

#C44912

#D8310C

#EB1806

#3af33c Green Shades

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

#3AF33C

#34E836

#2EDC30

#29D12A

#23C524

#1DBA1E

#17AE18

#11A312

#0C970C

#068C06

#3af33c Blue Shades

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

#3AF33C

#34DB50

#2EC263

#29AA77

#23928A

#1D7A9E

#1761B1

#1149C5

#0C31D8

#0618EC

Readability Analysis

#3af33c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.49	Fail	Sample Text
Black	14.07	AAA	Sample Text
Red	2.68	Fail	Sample Text
Green	3.44	A	Sample Text
Blue	5.76	AA	Sample Text

#3af33c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.49	Fail	Sample Text
Black	14.07	AAA	Sample Text
Red	2.68	Fail	Sample Text
Green	3.44	A	Sample Text
Blue	5.76	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#acde39`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#b7d962`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#62e8b1`
Protanopia	No red perception - Dichromacy	`#edd337`
Deuteranopia	No green perception - Dichromacy	`#ffca78`
Tritanopia	No blue perception - Dichromacy	`#79e2f4`
Achromatomaly	Partial color blindness - Monochromacy	`#8ed28f`
Achromatopsia	Complete color blindness - Monochromacy	`#bebebe`

#3af33c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3af33c Light Tints

#3af33c Gray Shades

#3af33c Dark Shades

#3af33c Red Shades

#3af33c Green Shades

#3af33c Blue Shades

Readability Analysis

#3af33c as Text Color

#3af33c as Background Color

Color Blindness Simulation

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

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

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

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

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

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