0 views

#31dcfc - Color Information

#31dcfc

Base Information

HEX

#31dcfc

RGB

49,220,252

HSL

189,97,59

HSV

189,81,99

CMYK

81,13,0,1

LAB

81,-31,-28

LCH

81,41,222

XYZ

44,59,101

Web Safe

#33ccff

Web Smart

#33ddff

is dark

luminosity

0.5887

Pantone Color

Combinations

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

#31dcfc

#FC5131

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

#31dcfc

#FC3177

#FCB631

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

#31dcfc

#FC31DC

#DCFC31

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

#31dcfc

#B631FC

#FC5131

#77FC31

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

#31dcfc

#FC5131

#FC3177

#FCB631

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

#31dcfc

#3177FC

#5131FC

#B631FC

Shades

#31dcfc Light Tints

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

#31DCFC

#46E0FC

#5AE3FD

#6FE7FD

#83EAFD

#98EEFE

#ADF1FE

#C1F5FE

#D6F8FE

#EAFCFF

#31dcfc Gray Shades

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

#31DCFC

#39D3F0

#41CAE3

#49C0D7

#51B7CA

#59AEBE

#60A5B2

#689CA5

#709299

#78898C

#31dcfc Dark Shades

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

#31DCFC

#2CC6E3

#27B0CA

#229AB0

#1D8497

#196E7E

#145865

#0F424C

#0A2C32

#051619

#31dcfc Red Shades

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

#31DCFC

#46C6E3

#5AB0CA

#6F9AB0

#838497

#986E7E

#AD5865

#C1424C

#D62C32

#EA1619

#31dcfc Green Shades

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

#31DCFC

#2CD3E3

#27CACA

#22C0B0

#1DB797

#19AE7E

#14A565

#0F9C4C

#0A9232

#058919

#31dcfc Blue Shades

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

#31DCFC

#2CC6FC

#27B0FD

#229AFD

#1D84FD

#196EFE

#1458FE

#0F42FE

#0A2CFE

#0516FF

Readability Analysis

#31dcfc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.64	Fail	Sample Text
Black	12.77	AAA	Sample Text
Red	2.43	Fail	Sample Text
Green	3.12	A	Sample Text
Blue	5.23	AA	Sample Text

#31dcfc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.64	Fail	Sample Text
Black	12.77	AAA	Sample Text
Red	2.43	Fail	Sample Text
Green	3.12	A	Sample Text
Blue	5.23	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#8ccef4`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#8acefe`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#28ddf4`
Protanopia	No red perception - Dichromacy	`#c0c7ef`
Deuteranopia	No green perception - Dichromacy	`#bcc5ff`
Tritanopia	No blue perception - Dichromacy	`#22ddef`
Achromatomaly	Partial color blindness - Monochromacy	`#88c6d2`
Achromatopsia	Complete color blindness - Monochromacy	`#bababa`

#31dcfc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#31dcfc Light Tints

#31dcfc Gray Shades

#31dcfc Dark Shades

#31dcfc Red Shades

#31dcfc Green Shades

#31dcfc Blue Shades

Readability Analysis

#31dcfc as Text Color

#31dcfc as Background Color

Color Blindness Simulation

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

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

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

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

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

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