0 views

#31f0dc - Color Information

#31f0dc

Base Information

HEX

#31f0dc

RGB

49,240,220

HSL

174,86,57

HSV

174,80,94

CMYK

80,0,8,6

LAB

86,-49,-3

LCH

86,49,184

XYZ

45,68,78

Web Safe

#33ffcc

Web Smart

#33eedd

is dark

luminosity

0.6814

Pantone Color

Combinations

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

#31f0dc

#F03145

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

#31f0dc

#F031A4

#F07D31

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

#31f0dc

#DC31F0

#F0DC31

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

#31f0dc

#7D31F0

#F03145

#A4F031

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

#31f0dc

#F03145

#F031A4

#F07D31

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

#31f0dc

#31A4F0

#3145F0

#7D31F0

Shades

#31f0dc Light Tints

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

#31F0DC

#46F2E0

#5AF3E3

#6FF5E7

#83F6EA

#98F8EE

#ADF9F1

#C1FBF5

#D6FCF8

#EAFEFC

#31f0dc Gray Shades

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

#31F0DC

#39E5D3

#41DACA

#49CEC0

#51C3B7

#59B8AE

#60ADA5

#68A29C

#709692

#788B89

#31f0dc Dark Shades

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

#31F0DC

#2CD8C6

#27C0B0

#22A89A

#1D9084

#19786E

#146058

#0F4842

#0A302C

#051816

#31f0dc Red Shades

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

#31F0DC

#46D8C6

#5AC0B0

#6FA89A

#839084

#98786E

#AD6058

#C14842

#D6302C

#EA1816

#31f0dc Green Shades

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

#31F0DC

#2CE5C6

#27DAB0

#22CE9A

#1DC384

#19B86E

#14AD58

#0FA242

#0A962C

#058B16

#31f0dc Blue Shades

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

#31F0DC

#2CD8E0

#27C0E3

#22A8E7

#1D90EA

#1978EE

#1460F1

#0F48F5

#0A30F8

#0518FC

Readability Analysis

#31f0dc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.44	Fail	Sample Text
Black	14.63	AAA	Sample Text
Red	2.79	Fail	Sample Text
Green	3.58	A	Sample Text
Blue	5.99	AA	Sample Text

#31f0dc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.44	Fail	Sample Text
Black	14.63	AAA	Sample Text
Red	2.79	Fail	Sample Text
Green	3.58	A	Sample Text
Blue	5.99	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#9edfd3`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#a3dce3`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#45ecf1`
Protanopia	No red perception - Dichromacy	`#dcd5cd`
Deuteranopia	No green perception - Dichromacy	`#e4d0e6`
Tritanopia	No blue perception - Dichromacy	`#50eafd`
Achromatomaly	Partial color blindness - Monochromacy	`#90d5ce`
Achromatopsia	Complete color blindness - Monochromacy	`#c6c6c6`

#31f0dc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#31f0dc Light Tints

#31f0dc Gray Shades

#31f0dc Dark Shades

#31f0dc Red Shades

#31f0dc Green Shades

#31f0dc Blue Shades

Readability Analysis

#31f0dc as Text Color

#31f0dc as Background Color

Color Blindness Simulation

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

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

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

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

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

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