0 views

#31dce8 - Color Information

#31dce8

Base Information

HEX

#31dce8

RGB

49,220,232

HSL

184,80,55

HSV

184,79,91

CMYK

79,5,0,9

LAB

81,-37,-18

LCH

81,41,206

XYZ

41,58,85

Web Safe

#33ccff

Web Smart

#33ddee

is dark

luminosity

0.5767

Pantone Color

Combinations

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

#31dce8

#E83D31

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

#31dce8

#E83181

#E89831

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

#31dce8

#E831DC

#DCE831

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

#31dce8

#9831E8

#E83D31

#81E831

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

#31dce8

#E83D31

#E83181

#E89831

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

#31dce8

#3181E8

#3D31E8

#9831E8

Shades

#31dce8 Light Tints

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

#31DCE8

#46E0EA

#5AE3ED

#6FE7EF

#83EAF1

#98EEF4

#ADF1F6

#C1F5F8

#D6F8FA

#EAFCFD

#31dce8 Gray Shades

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

#31DCE8

#39D3DE

#41CAD3

#49C0C9

#51B7BE

#59AEB4

#60A5AA

#689C9F

#709295

#78898A

#31dce8 Dark Shades

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

#31DCE8

#2CC6D1

#27B0BA

#229AA2

#1D848B

#196E74

#14585D

#0F4246

#0A2C2E

#051617

#31dce8 Red Shades

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

#31DCE8

#46C6D1

#5AB0BA

#6F9AA2

#83848B

#986E74

#AD585D

#C14246

#D62C2E

#EA1617

#31dce8 Green Shades

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

#31DCE8

#2CD3D1

#27CABA

#22C0A2

#1DB78B

#19AE74

#14A55D

#0F9C46

#0A922E

#058917

#31dce8 Blue Shades

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

#31DCE8

#2CC6EA

#27B0ED

#229AEF

#1D84F1

#196EF4

#1458F6

#0F42F8

#0A2CFA

#0516FD

Readability Analysis

#31dce8 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.68	Fail	Sample Text
Black	12.53	AAA	Sample Text
Red	2.39	Fail	Sample Text
Green	3.07	A	Sample Text
Blue	5.13	AA	Sample Text

#31dce8 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.68	Fail	Sample Text
Black	12.53	AAA	Sample Text
Red	2.39	Fail	Sample Text
Green	3.07	A	Sample Text
Blue	5.13	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#8fcddf`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#8fccee`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#36dbea`
Protanopia	No red perception - Dichromacy	`#c4c5da`
Deuteranopia	No green perception - Dichromacy	`#c5c2f1`
Tritanopia	No blue perception - Dichromacy	`#39daec`
Achromatomaly	Partial color blindness - Monochromacy	`#87c5ca`
Achromatopsia	Complete color blindness - Monochromacy	`#b9b9b9`

#31dce8 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#31dce8 Light Tints

#31dce8 Gray Shades

#31dce8 Dark Shades

#31dce8 Red Shades

#31dce8 Green Shades

#31dce8 Blue Shades

Readability Analysis

#31dce8 as Text Color

#31dce8 as Background Color

Color Blindness Simulation

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

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

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

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

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

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