0 views

#31dfd6 - Color Information

#31dfd6

Base Information

HEX

#31dfd6

RGB

49,223,214

HSL

177,73,53

HSV

177,78,87

CMYK

78,0,4,13

LAB

81,-44,-8

LCH

81,44,190

XYZ

40,58,73

Web Safe

#33cccc

Web Smart

#33dddd

is dark

luminosity

0.5828

Pantone Color

Combinations

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

#31dfd6

#DF313A

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

#31dfd6

#DF3191

#DF7F31

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

#31dfd6

#D631DF

#DFD631

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

#31dfd6

#7F31DF

#DF313A

#91DF31

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

#31dfd6

#DF313A

#DF3191

#DF7F31

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

#31dfd6

#3191DF

#313ADF

#7F31DF

Shades

#31dfd6 Light Tints

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

#31DFD6

#46E2DA

#5AE5DE

#6FE9E2

#83ECE6

#98EFEB

#ADF2EF

#C1F5F3

#D6F9F7

#EAFCFB

#31dfd6 Gray Shades

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

#31DFD6

#39D6CD

#41CCC5

#49C3BC

#51B9B4

#59B0AB

#60A6A2

#689D9A

#709391

#788A89

#31dfd6 Dark Shades

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

#31DFD6

#2CC9C1

#27B2AB

#229C96

#1D8680

#19706B

#145956

#0F4340

#0A2D2B

#051615

#31dfd6 Red Shades

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

#31DFD6

#46C9C1

#5AB2AB

#6F9C96

#838680

#98706B

#AD5956

#C14340

#D62D2B

#EA1615

#31dfd6 Green Shades

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

#31DFD6

#2CD6C1

#27CCAB

#22C396

#1DB980

#19B06B

#14A656

#0F9D40

#0A932B

#058A15

#31dfd6 Blue Shades

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

#31DFD6

#2CC9DA

#27B2DE

#229CE2

#1D86E6

#1970EB

#1459EF

#0F43F3

#0A2DF7

#0516FB

Readability Analysis

#31dfd6 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.66	Fail	Sample Text
Black	12.66	AAA	Sample Text
Red	2.41	Fail	Sample Text
Green	3.10	A	Sample Text
Blue	5.18	AA	Sample Text

#31dfd6 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.66	Fail	Sample Text
Black	12.66	AAA	Sample Text
Red	2.41	Fail	Sample Text
Green	3.10	A	Sample Text
Blue	5.18	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#93cfcd`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#96cddc`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#3fdce4`
Protanopia	No red perception - Dichromacy	`#cbc6c8`
Deuteranopia	No green perception - Dichromacy	`#d0c2df`
Tritanopia	No blue perception - Dichromacy	`#47daec`
Achromatomaly	Partial color blindness - Monochromacy	`#88c7c4`
Achromatopsia	Complete color blindness - Monochromacy	`#b9b9b9`

#31dfd6 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#31dfd6 Light Tints

#31dfd6 Gray Shades

#31dfd6 Dark Shades

#31dfd6 Red Shades

#31dfd6 Green Shades

#31dfd6 Blue Shades

Readability Analysis

#31dfd6 as Text Color

#31dfd6 as Background Color

Color Blindness Simulation

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

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

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

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

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

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