0 views

#52f89e - Color Information

#52f89e

Base Information

HEX

#52f89e

RGB

82,248,158

HSL

147,92,65

HSV

147,67,97

CMYK

67,0,36,3

LAB

88,-62,31

LCH

88,70,154

XYZ

43,71,44

Web Safe

#66ff99

Web Smart

#55ff99

luminosity

0.7140

is dark color

Generate #52f89e solid background color

Create and download a solid color image in any size up to 5000x5000 pixels

Combinations

#52f89e complementary
Colors that are opposite to each other, forming a contrasting pair.

#52f89e

#F852AC

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

#52f89e

#F152F8

#F85259

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

#52f89e

#9E52F8

#F89E52

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

#52f89e

#5259F8

#F852AC

#F8F152

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

#52f89e

#F852AC

#F152F8

#F85259

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

#52f89e

#52F8F1

#52ACF8

#5259F8

Shades

#52f89e Light Tints

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

#52F89E

#63F9A8

#75F9B1

#86FABB

#97FBC5

#A9FCCF

#BAFCD8

#CBFDE2

#DCFEEC

#EEFEF5

#52f89e Gray Shades

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

#52F89E

#57EC9B

#5BE098

#60D495

#64C892

#69BC8F

#6EB08C

#72A489

#779886

#7B8C83

#52f89e Dark Shades

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

#52F89E

#4ADF8E

#42C67E

#39AE6F

#31955F

#297C4F

#21633F

#194A2F

#103220

#081910

#52f89e Red Shades

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

#52F89E

#63DF8E

#75C67E

#86AE6F

#97955F

#A97C4F

#BA633F

#CB4A2F

#DC3220

#EE1910

#52f89e Green Shades

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

#52F89E

#4AEC8E

#42E07E

#39D46F

#31C85F

#29BC4F

#21B03F

#19A42F

#109820

#088C10

#52f89e Blue Shades

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

#52F89E

#4ADFA8

#42C6B1

#39AEBB

#3195C5

#297CCF

#2163D8

#194AE2

#1032EC

#0819F5

Readability Analysis

#52f89e as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.37	Fail	Sample Text
Black	15.28	AAA	Sample Text
Red	2.91	Fail	Sample Text
Green	3.74	A	Sample Text
Blue	6.25	AA	Sample Text

#52f89e as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.37	Fail	Sample Text
Black	15.28	AAA	Sample Text
Red	2.91	Fail	Sample Text
Green	3.74	A	Sample Text
Blue	6.25	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#b5e596`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#c0e0a9`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#6cf0db`
Protanopia	No red perception - Dichromacy	`#eedb91`
Deuteranopia	No green perception - Dichromacy	`#ffd3af`
Tritanopia	No blue perception - Dichromacy	`#7aebfe`
Achromatomaly	Partial color blindness - Monochromacy	`#a1ddbd`
Achromatopsia	Complete color blindness - Monochromacy	`#cecece`

#52f89e Color Code

Name	Code
#52f89e css background color code	`.bg { background-color: #52f89e; }`
#52f89e css text color code	`.text { color: #52f89e; }`
#52f89e css border color code	`.border { border-color: #52f89e; }`

#52f89e - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

luminosity

is dark color

Generate #52f89e solid background color

Combinations

#52f89e complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#52f89e Light Tints

#52f89e Gray Shades

#52f89e Dark Shades

#52f89e Red Shades

#52f89e Green Shades

#52f89e Blue Shades

Readability Analysis

#52f89e as Text Color

#52f89e as Background Color

Color Blindness Simulation

#52f89e Color Code

#52f89e complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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