0 views

#31dafc - Color Information

#31dafc

Base Information

HEX

#31dafc

RGB

49,218,252

HSL

190,97,59

HSV

190,81,99

CMYK

81,13,0,1

LAB

81,-30,-28

LCH

81,41,223

XYZ

44,58,101

Web Safe

#33ccff

Web Smart

#33ddff

is dark

luminosity

0.5782

Pantone Color

Combinations

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

#31dafc

#FC5331

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

#31dafc

#FC3174

#FCB931

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

#31dafc

#FC31DA

#DAFC31

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

#31dafc

#B931FC

#FC5331

#74FC31

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

#31dafc

#FC5331

#FC3174

#FCB931

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

#31dafc

#3174FC

#5331FC

#B931FC

Shades

#31dafc Light Tints

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

#31DAFC

#46DEFC

#5AE1FD

#6FE5FD

#83E9FD

#98EDFE

#ADF0FE

#C1F4FE

#D6F8FE

#EAFBFF

#31dafc Gray Shades

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

#31DAFC

#39D1F0

#41C8E3

#49BFD7

#51B6CA

#59ADBE

#60A4B2

#689BA5

#709299

#78898C

#31dafc Dark Shades

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

#31DAFC

#2CC4E3

#27AECA

#2299B0

#1D8397

#196D7E

#145765

#0F414C

#0A2C32

#051619

#31dafc Red Shades

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

#31DAFC

#46C4E3

#5AAECA

#6F99B0

#838397

#986D7E

#AD5765

#C1414C

#D62C32

#EA1619

#31dafc Green Shades

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

#31DAFC

#2CD1E3

#27C8CA

#22BFB0

#1DB697

#19AD7E

#14A465

#0F9B4C

#0A9232

#058919

#31dafc Blue Shades

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

#31DAFC

#2CC4FC

#27AEFD

#2299FD

#1D83FD

#196DFE

#1457FE

#0F41FE

#0A2CFE

#0516FF

Readability Analysis

#31dafc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.67	Fail	Sample Text
Black	12.56	AAA	Sample Text
Red	2.39	Fail	Sample Text
Green	3.07	A	Sample Text
Blue	5.14	AA	Sample Text

#31dafc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.67	Fail	Sample Text
Black	12.56	AAA	Sample Text
Red	2.39	Fail	Sample Text
Green	3.07	A	Sample Text
Blue	5.14	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#8acdf4`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#88ccfe`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#25dbf3`
Protanopia	No red perception - Dichromacy	`#bdc5ef`
Deuteranopia	No green perception - Dichromacy	`#b9c4ff`
Tritanopia	No blue perception - Dichromacy	`#1fdced`
Achromatomaly	Partial color blindness - Monochromacy	`#87c5d1`
Achromatopsia	Complete color blindness - Monochromacy	`#b9b9b9`

#31dafc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#31dafc Light Tints

#31dafc Gray Shades

#31dafc Dark Shades

#31dafc Red Shades

#31dafc Green Shades

#31dafc Blue Shades

Readability Analysis

#31dafc as Text Color

#31dafc as Background Color

Color Blindness Simulation

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

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

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

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

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

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