0 views

#31e57f - Color Information

#31e57f

Base Information

HEX

#31e57f

RGB

49,229,127

HSL

146,78,55

HSV

146,79,90

CMYK

79,0,45,10

LAB

81,-66,37

LCH

81,76,150

XYZ

33,58,30

Web Safe

#33cc66

Web Smart

#33dd77

is dark

luminosity

0.5822

Pantone Color

Combinations

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

#31e57f

#E53197

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

#31e57f

#D931E5

#E5313D

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

#31e57f

#7F31E5

#E57F31

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

#31e57f

#313DE5

#E53197

#E5D931

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

#31e57f

#E53197

#D931E5

#E5313D

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

#31e57f

#31E5D9

#3197E5

#313DE5

Shades

#31e57f Light Tints

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

#31E57F

#46E88C

#5AEA99

#6FEDA5

#83EFB2

#98F2BF

#ADF5CC

#C1F7D9

#D6FAE5

#EAFCF2

#31e57f Gray Shades

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

#31E57F

#39DB7F

#41D17F

#49C77F

#51BD7F

#59B380

#60A880

#689E80

#709480

#788A80

#31e57f Dark Shades

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

#31E57F

#2CCE72

#27B766

#22A059

#1D894C

#197340

#145C33

#0F4526

#0A2E19

#05170D

#31e57f Red Shades

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

#31E57F

#46CE72

#5AB766

#6FA059

#83894C

#987340

#AD5C33

#C14526

#D62E19

#EA170D

#31e57f Green Shades

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

#31E57F

#2CDB72

#27D166

#22C759

#1DBD4C

#19B340

#14A833

#0F9E26

#0A9419

#058A0D

#31e57f Blue Shades

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

#31E57F

#2CCE8C

#27B799

#22A0A5

#1D89B2

#1973BF

#145CCC

#0F45D9

#0A2EE5

#0517F2

Readability Analysis

#31e57f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.66	Fail	Sample Text
Black	12.64	AAA	Sample Text
Red	2.41	Fail	Sample Text
Green	3.09	A	Sample Text
Blue	5.17	AA	Sample Text

#31e57f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.66	Fail	Sample Text
Black	12.64	AAA	Sample Text
Red	2.41	Fail	Sample Text
Green	3.09	A	Sample Text
Blue	5.17	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#9dd278`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#aacd86`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#54dcc2`
Protanopia	No red perception - Dichromacy	`#dbc774`
Deuteranopia	No green perception - Dichromacy	`#f0bf8b`
Tritanopia	No blue perception - Dichromacy	`#67d8e9`
Achromatomaly	Partial color blindness - Monochromacy	`#87c8a3`
Achromatopsia	Complete color blindness - Monochromacy	`#b7b7b7`

#31e57f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#31e57f Light Tints

#31e57f Gray Shades

#31e57f Dark Shades

#31e57f Red Shades

#31e57f Green Shades

#31e57f Blue Shades

Readability Analysis

#31e57f as Text Color

#31e57f as Background Color

Color Blindness Simulation

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

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

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

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

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

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