0 views

#31e6fd - Color Information

#31e6fd

Base Information

HEX

#31e6fd

RGB

49,230,253

HSL

187,98,59

HSV

187,81,99

CMYK

81,9,0,1

LAB

84,-35,-24

LCH

84,43,214

XYZ

47,64,103

Web Safe

#33ffff

Web Smart

#33eeff

is dark

luminosity

0.6434

Pantone Color

Combinations

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

#31e6fd

#FD4831

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

#31e6fd

#FD3180

#FDAE31

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

#31e6fd

#FD31E6

#E6FD31

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

#31e6fd

#AE31FD

#FD4831

#80FD31

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

#31e6fd

#FD4831

#FD3180

#FDAE31

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

#31e6fd

#3180FD

#4831FD

#AE31FD

Shades

#31e6fd Light Tints

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

#31E6FD

#46E9FD

#5AEBFD

#6FEEFE

#83F0FE

#98F3FE

#ADF5FE

#C1F8FE

#D6FAFF

#EAFDFF

#31e6fd Gray Shades

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

#31E6FD

#39DCF1

#41D2E4

#49C7D8

#51BDCB

#59B3BF

#60A9B2

#689FA6

#709499

#788A8D

#31e6fd Dark Shades

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

#31E6FD

#2CCFE4

#27B8CA

#22A1B1

#1D8A98

#19737F

#145C65

#0F454C

#0A2E33

#051719

#31e6fd Red Shades

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

#31E6FD

#46CFE4

#5AB8CA

#6FA1B1

#838A98

#98737F

#AD5C65

#C1454C

#D62E33

#EA1719

#31e6fd Green Shades

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

#31E6FD

#2CDCE4

#27D2CA

#22C7B1

#1DBD98

#19B37F

#14A965

#0F9F4C

#0A9433

#058A19

#31e6fd Blue Shades

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

#31E6FD

#2CCFFD

#27B8FD

#22A1FE

#1D8AFE

#1973FE

#145CFE

#0F45FE

#0A2EFF

#0517FF

Readability Analysis

#31e6fd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.51	Fail	Sample Text
Black	13.87	AAA	Sample Text
Red	2.64	Fail	Sample Text
Green	3.39	A	Sample Text
Blue	5.67	AA	Sample Text

#31e6fd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.51	Fail	Sample Text
Black	13.87	AAA	Sample Text
Red	2.64	Fail	Sample Text
Green	3.39	A	Sample Text
Blue	5.67	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#93d7f4`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#92d6fe`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#30e6fa`
Protanopia	No red perception - Dichromacy	`#cbcfef`
Deuteranopia	No green perception - Dichromacy	`#cacdff`
Tritanopia	No blue perception - Dichromacy	`#2fe6f8`
Achromatomaly	Partial color blindness - Monochromacy	`#8dcfd7`
Achromatopsia	Complete color blindness - Monochromacy	`#c1c1c1`

#31e6fd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#31e6fd Light Tints

#31e6fd Gray Shades

#31e6fd Dark Shades

#31e6fd Red Shades

#31e6fd Green Shades

#31e6fd Blue Shades

Readability Analysis

#31e6fd as Text Color

#31e6fd as Background Color

Color Blindness Simulation

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

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

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

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

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

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