0 views

#31f7bd - Color Information

#31f7bd

Base Information

HEX

#31f7bd

RGB

49,247,189

HSL

162,93,58

HSV

162,80,97

CMYK

80,0,23,3

LAB

87,-60,15

LCH

87,62,166

XYZ

44,71,60

Web Safe

#33ffcc

Web Smart

#33ffbb

is dark

luminosity

0.7085

Pantone Color

Combinations

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

#31f7bd

#F7316B

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

#31f7bd

#F731CE

#F75A31

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

#31f7bd

#BD31F7

#F7BD31

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

#31f7bd

#5A31F7

#F7316B

#CEF731

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

#31f7bd

#F7316B

#F731CE

#F75A31

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

#31f7bd

#31CEF7

#316BF7

#5A31F7

Shades

#31f7bd Light Tints

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

#31F7BD

#46F8C4

#5AF9CA

#6FF9D1

#83FAD7

#98FBDE

#ADFCE5

#C1FDEB

#D6FDF2

#EAFEF8

#31f7bd Gray Shades

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

#31F7BD

#39EBB7

#41DFB1

#49D3AB

#51C7A5

#59BC9F

#60B098

#68A492

#70988C

#788C86

#31f7bd Dark Shades

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

#31F7BD

#2CDEAA

#27C697

#22AD84

#1D9471

#197C5F

#14634C

#0F4A39

#0A3126

#051913

#31f7bd Red Shades

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

#31F7BD

#46DEAA

#5AC697

#6FAD84

#839471

#987C5F

#AD634C

#C14A39

#D63126

#EA1913

#31f7bd Green Shades

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

#31F7BD

#2CEBAA

#27DF97

#22D384

#1DC771

#19BC5F

#14B04C

#0FA439

#0A9826

#058C13

#31f7bd Blue Shades

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

#31F7BD

#2CDEC4

#27C6CA

#22ADD1

#1D94D7

#197CDE

#1463E5

#0F4AEB

#0A31F2

#0519F8

Readability Analysis

#31f7bd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.38	Fail	Sample Text
Black	15.17	AAA	Sample Text
Red	2.89	Fail	Sample Text
Green	3.71	A	Sample Text
Blue	6.21	AA	Sample Text

#31f7bd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.38	Fail	Sample Text
Black	15.17	AAA	Sample Text
Red	2.89	Fail	Sample Text
Green	3.71	A	Sample Text
Blue	6.21	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#a6e4b4`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#afe0c4`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#54f0e7`
Protanopia	No red perception - Dichromacy	`#e8daaf`
Deuteranopia	No green perception - Dichromacy	`#f7d2c8`
Tritanopia	No blue perception - Dichromacy	`#68edff`
Achromatomaly	Partial color blindness - Monochromacy	`#92dac4`
Achromatopsia	Complete color blindness - Monochromacy	`#c9c9c9`

#31f7bd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#31f7bd Light Tints

#31f7bd Gray Shades

#31f7bd Dark Shades

#31f7bd Red Shades

#31f7bd Green Shades

#31f7bd Blue Shades

Readability Analysis

#31f7bd as Text Color

#31f7bd as Background Color

Color Blindness Simulation

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

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

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

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

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

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