0 views

#31f5ad - Color Information

#31f5ad

Base Information

HEX

#31f5ad

RGB

49,245,173

HSL

158,91,58

HSV

158,80,96

CMYK

80,0,29,4

LAB

86,-63,22

LCH

86,66,161

XYZ

41,69,51

Web Safe

#33ff99

Web Smart

#33eeaa

is dark

luminosity

0.6897

Pantone Color

Combinations

#31f5ad complementary
Colors that are opposite to each other, forming a contrasting pair.

#31f5ad

#F53179

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

#31f5ad

#F531DB

#F54B31

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

#31f5ad

#AD31F5

#F5AD31

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

#31f5ad

#4B31F5

#F53179

#DBF531

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

#31f5ad

#F53179

#F531DB

#F54B31

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

#31f5ad

#31DBF5

#3179F5

#4B31F5

Shades

#31f5ad Light Tints

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

#31F5AD

#46F6B5

#5AF7BD

#6FF8C6

#83F9CE

#98FAD6

#ADFBDE

#C1FCE6

#D6FDEF

#EAFEF7

#31f5ad Gray Shades

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

#31F5AD

#39E9A9

#41DEA4

#49D2A0

#51C69B

#59BB97

#60AF92

#68A38E

#709789

#788C85

#31f5ad Dark Shades

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

#31F5AD

#2CDD9C

#27C48A

#22AC79

#1D9368

#197B57

#146245

#0F4934

#0A3123

#051811

#31f5ad Red Shades

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

#31F5AD

#46DD9C

#5AC48A

#6FAC79

#839368

#987B57

#AD6245

#C14934

#D63123

#EA1811

#31f5ad Green Shades

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

#31F5AD

#2CE99C

#27DE8A

#22D279

#1DC668

#19BB57

#14AF45

#0FA334

#0A9723

#058C11

#31f5ad Blue Shades

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

#31F5AD

#2CDDB5

#27C4BD

#22ACC6

#1D93CE

#197BD6

#1462DE

#0F49E6

#0A31EF

#0518F7

Readability Analysis

#31f5ad as Text Color

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

#31f5ad as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.42	Fail	Sample Text
Black	14.79	AAA	Sample Text
Red	2.82	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	`#a5e2a4`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#b0ddb4`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#52eee0`
Protanopia	No red perception - Dichromacy	`#e8d79f`
Deuteranopia	No green perception - Dichromacy	`#f9cfb8`
Tritanopia	No blue perception - Dichromacy	`#65eafd`
Achromatomaly	Partial color blindness - Monochromacy	`#90d7bd`
Achromatopsia	Complete color blindness - Monochromacy	`#c6c6c6`

#31f5ad - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#31f5ad complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#31f5ad Light Tints

#31f5ad Gray Shades

#31f5ad Dark Shades

#31f5ad Red Shades

#31f5ad Green Shades

#31f5ad Blue Shades

Readability Analysis

#31f5ad as Text Color

#31f5ad as Background Color

Color Blindness Simulation

#31f5ad complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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