0 views

#31dbe9 - Color Information

#31dbe9

Base Information

HEX

#31dbe9

RGB

49,219,233

HSL

185,81,55

HSV

185,79,91

CMYK

79,6,0,9

LAB

80,-36,-19

LCH

80,41,207

XYZ

41,57,86

Web Safe

#33ccff

Web Smart

#33ddee

is dark

luminosity

0.5720

Pantone Color

Combinations

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

#31dbe9

#E93F31

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

#31dbe9

#E9317F

#E99B31

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

#31dbe9

#E931DB

#DBE931

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

#31dbe9

#9B31E9

#E93F31

#7FE931

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

#31dbe9

#E93F31

#E9317F

#E99B31

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

#31dbe9

#317FE9

#3F31E9

#9B31E9

Shades

#31dbe9 Light Tints

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

#31DBE9

#46DFEB

#5AE2ED

#6FE6F0

#83E9F2

#98EDF4

#ADF1F6

#C1F4F8

#D6F8FB

#EAFBFD

#31dbe9 Gray Shades

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

#31DBE9

#39D2DF

#41C9D4

#49C0CA

#51B7BF

#59AEB5

#60A4AA

#689BA0

#709295

#78898B

#31dbe9 Dark Shades

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

#31DBE9

#2CC5D2

#27AFBA

#2299A3

#1D838C

#196E75

#14585D

#0F4246

#0A2C2F

#051617

#31dbe9 Red Shades

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

#31DBE9

#46C5D2

#5AAFBA

#6F99A3

#83838C

#986E75

#AD585D

#C14246

#D62C2F

#EA1617

#31dbe9 Green Shades

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

#31DBE9

#2CD2D2

#27C9BA

#22C0A3

#1DB78C

#19AE75

#14A45D

#0F9B46

#0A922F

#058917

#31dbe9 Blue Shades

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

#31DBE9

#2CC5EB

#27AFED

#2299F0

#1D83F2

#196EF4

#1458F6

#0F42F8

#0A2CFB

#0516FD

Readability Analysis

#31dbe9 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.69	Fail	Sample Text
Black	12.44	AAA	Sample Text
Red	2.37	Fail	Sample Text
Green	3.04	A	Sample Text
Blue	5.09	AA	Sample Text

#31dbe9 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.69	Fail	Sample Text
Black	12.44	AAA	Sample Text
Red	2.37	Fail	Sample Text
Green	3.04	A	Sample Text
Blue	5.09	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#8ecde0`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#8ecbef`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#35daea`
Protanopia	No red perception - Dichromacy	`#c3c4db`
Deuteranopia	No green perception - Dichromacy	`#c3c2f2`
Tritanopia	No blue perception - Dichromacy	`#37daeb`
Achromatomaly	Partial color blindness - Monochromacy	`#87c5ca`
Achromatopsia	Complete color blindness - Monochromacy	`#b8b8b8`

#31dbe9 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#31dbe9 Light Tints

#31dbe9 Gray Shades

#31dbe9 Dark Shades

#31dbe9 Red Shades

#31dbe9 Green Shades

#31dbe9 Blue Shades

Readability Analysis

#31dbe9 as Text Color

#31dbe9 as Background Color

Color Blindness Simulation

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

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

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

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

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

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