0 views

#31f5a6 - Color Information

#31f5a6

Base Information

HEX

#31f5a6

RGB

49,245,166

HSL

156,91,58

HSV

156,80,96

CMYK

80,0,32,4

LAB

86,-64,25

LCH

86,69,159

XYZ

41,69,47

Web Safe

#33ff99

Web Smart

#33eeaa

is dark

luminosity

0.6871

Pantone Color

Combinations

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

#31f5a6

#F53180

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

#31f5a6

#F531E2

#F54431

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

#31f5a6

#A631F5

#F5A631

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

#31f5a6

#4431F5

#F53180

#E2F531

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

#31f5a6

#F53180

#F531E2

#F54431

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

#31f5a6

#31E2F5

#3180F5

#4431F5

Shades

#31f5a6 Light Tints

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

#31F5A6

#46F6AF

#5AF7B8

#6FF8C1

#83F9CA

#98FAD3

#ADFBDB

#C1FCE4

#D6FDED

#EAFEF6

#31f5a6 Gray Shades

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

#31F5A6

#39E9A2

#41DE9E

#49D29B

#51C697

#59BB93

#60AF8F

#68A38B

#709788

#788C84

#31f5a6 Dark Shades

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

#31F5A6

#2CDD95

#27C485

#22AC74

#1D9364

#197B53

#146242

#0F4932

#0A3121

#051811

#31f5a6 Red Shades

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

#31F5A6

#46DD95

#5AC485

#6FAC74

#839364

#987B53

#AD6242

#C14932

#D63121

#EA1811

#31f5a6 Green Shades

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

#31F5A6

#2CE995

#27DE85

#22D274

#1DC664

#19BB53

#14AF42

#0FA332

#0A9721

#058C11

#31f5a6 Blue Shades

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

#31F5A6

#2CDDAF

#27C4B8

#22ACC1

#1D93CA

#197BD3

#1462DB

#0F49E4

#0A31ED

#0518F6

Readability Analysis

#31f5a6 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.42	Fail	Sample Text
Black	14.74	AAA	Sample Text
Red	2.81	Fail	Sample Text
Green	3.61	A	Sample Text
Blue	6.03	AA	Sample Text

#31f5a6 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.42	Fail	Sample Text
Black	14.74	AAA	Sample Text
Red	2.81	Fail	Sample Text
Green	3.61	A	Sample Text
Blue	6.03	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#a6e29d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#b1ddad`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#53eedd`
Protanopia	No red perception - Dichromacy	`#e9d798`
Deuteranopia	No green perception - Dichromacy	`#fbcfb1`
Tritanopia	No blue perception - Dichromacy	`#67e9fc`
Achromatomaly	Partial color blindness - Monochromacy	`#90d7ba`
Achromatopsia	Complete color blindness - Monochromacy	`#c6c6c6`

#31f5a6 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#31f5a6 Light Tints

#31f5a6 Gray Shades

#31f5a6 Dark Shades

#31f5a6 Red Shades

#31f5a6 Green Shades

#31f5a6 Blue Shades

Readability Analysis

#31f5a6 as Text Color

#31f5a6 as Background Color

Color Blindness Simulation

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

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

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

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

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

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