0 views

#31f2dd - Color Information

#31f2dd

Base Information

HEX

#31f2dd

RGB

49,242,221

HSL

173,88,57

HSV

173,80,95

CMYK

80,0,9,5

LAB

87,-50,-3

LCH

87,50,183

XYZ

46,69,79

Web Safe

#33ffcc

Web Smart

#33eedd

is dark

luminosity

0.6938

Pantone Color

Combinations

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

#31f2dd

#F23146

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

#31f2dd

#F231A6

#F27D31

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

#31f2dd

#DD31F2

#F2DD31

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

#31f2dd

#7D31F2

#F23146

#A6F231

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

#31f2dd

#F23146

#F231A6

#F27D31

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

#31f2dd

#31A6F2

#3146F2

#7D31F2

Shades

#31f2dd Light Tints

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

#31F2DD

#46F3E0

#5AF5E4

#6FF6E7

#83F7EB

#98F9EE

#ADFAF1

#C1FBF5

#D6FCF8

#EAFEFC

#31f2dd Gray Shades

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

#31F2DD

#39E7D4

#41DBCA

#49D0C1

#51C4B8

#59B9AF

#60AEA5

#68A29C

#709793

#788B89

#31f2dd Dark Shades

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

#31F2DD

#2CDAC7

#27C2B1

#22A99B

#1D9185

#19796F

#146158

#0F4942

#0A302C

#051816

#31f2dd Red Shades

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

#31F2DD

#46DAC7

#5AC2B1

#6FA99B

#839185

#98796F

#AD6158

#C14942

#D6302C

#EA1816

#31f2dd Green Shades

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

#31F2DD

#2CE7C7

#27DBB1

#22D09B

#1DC485

#19B96F

#14AE58

#0FA242

#0A972C

#058B16

#31f2dd Blue Shades

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

#31F2DD

#2CDAE0

#27C2E4

#22A9E7

#1D91EB

#1979EE

#1461F1

#0F49F5

#0A30F8

#0518FC

Readability Analysis

#31f2dd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.41	Fail	Sample Text
Black	14.88	AAA	Sample Text
Red	2.83	Fail	Sample Text
Green	3.64	A	Sample Text
Blue	6.09	AA	Sample Text

#31f2dd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.41	Fail	Sample Text
Black	14.88	AAA	Sample Text
Red	2.83	Fail	Sample Text
Green	3.64	A	Sample Text
Blue	6.09	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#9fe1d4`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#a4dde4`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#46eef3`
Protanopia	No red perception - Dichromacy	`#ded7ce`
Deuteranopia	No green perception - Dichromacy	`#e6d2e8`
Tritanopia	No blue perception - Dichromacy	`#52ecff`
Achromatomaly	Partial color blindness - Monochromacy	`#91d7cf`
Achromatopsia	Complete color blindness - Monochromacy	`#c7c7c7`

#31f2dd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#31f2dd Light Tints

#31f2dd Gray Shades

#31f2dd Dark Shades

#31f2dd Red Shades

#31f2dd Green Shades

#31f2dd Blue Shades

Readability Analysis

#31f2dd as Text Color

#31f2dd as Background Color

Color Blindness Simulation

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

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

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

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

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

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