0 views

#31f8c2 - Color Information

#31f8c2

Base Information

HEX

#31f8c2

RGB

49,248,194

HSL

164,93,58

HSV

164,80,97

CMYK

80,0,22,3

LAB

88,-59,13

LCH

88,60,168

XYZ

45,72,63

Web Safe

#33ffcc

Web Smart

#33ffbb

is dark

luminosity

0.7168

Pantone Color

Combinations

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

#31f8c2

#F83167

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

#31f8c2

#F831CA

#F85E31

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

#31f8c2

#C231F8

#F8C231

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

#31f8c2

#5E31F8

#F83167

#CBF831

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

#31f8c2

#F83167

#F831CA

#F85E31

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

#31f8c2

#31CBF8

#3167F8

#5E31F8

Shades

#31f8c2 Light Tints

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

#31F8C2

#46F9C8

#5AF9CE

#6FFAD4

#83FBDA

#98FCE1

#ADFCE7

#C1FDED

#D6FEF3

#EAFEF9

#31f8c2 Gray Shades

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

#31F8C2

#39ECBB

#41E0B5

#49D4AE

#51C8A8

#59BCA1

#60B09A

#68A494

#70988D

#788C87

#31f8c2 Dark Shades

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

#31F8C2

#2CDFAF

#27C69B

#22AE88

#1D9574

#197C61

#14634E

#0F4A3A

#0A3227

#051913

#31f8c2 Red Shades

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

#31F8C2

#46DFAF

#5AC69B

#6FAE88

#839574

#987C61

#AD634E

#C14A3A

#D63227

#EA1913

#31f8c2 Green Shades

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

#31F8C2

#2CECAF

#27E09B

#22D488

#1DC874

#19BC61

#14B04E

#0FA43A

#0A9827

#058C13

#31f8c2 Blue Shades

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

#31F8C2

#2CDFC8

#27C6CE

#22AED4

#1D95DA

#197CE1

#1463E7

#0F4AED

#0A32F3

#0519F9

Readability Analysis

#31f8c2 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.37	Fail	Sample Text
Black	15.34	AAA	Sample Text
Red	2.92	Fail	Sample Text
Green	3.75	A	Sample Text
Blue	6.28	AA	Sample Text

#31f8c2 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.37	Fail	Sample Text
Black	15.34	AAA	Sample Text
Red	2.92	Fail	Sample Text
Green	3.75	A	Sample Text
Blue	6.28	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#a6e5b9`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#afe1c9`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#59f1e9`
Protanopia	No red perception - Dichromacy	`#e9dbb3`
Deuteranopia	No green perception - Dichromacy	`#f7d4cd`
Tritanopia	No blue perception - Dichromacy	`#70edff`
Achromatomaly	Partial color blindness - Monochromacy	`#92dbc7`
Achromatopsia	Complete color blindness - Monochromacy	`#cacaca`

#31f8c2 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#31f8c2 Light Tints

#31f8c2 Gray Shades

#31f8c2 Dark Shades

#31f8c2 Red Shades

#31f8c2 Green Shades

#31f8c2 Blue Shades

Readability Analysis

#31f8c2 as Text Color

#31f8c2 as Background Color

Color Blindness Simulation

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

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

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

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

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

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