0 views

#57e3cc - Color Information

#57e3cc

Base Information

HEX

#57e3cc

RGB

87,227,204

HSL

170,71,62

HSV

170,62,89

CMYK

62,0,10,11

LAB

83,-43,0

LCH

83,43,180

XYZ

42,61,67

Web Safe

#66cccc

Web Smart

#55ddcc

is dark

luminosity

0.6132

Pantone Color

Combinations

#57e3cc complementary
Colors that are opposite to each other, forming a contrasting pair.

#57e3cc

#E3576E

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

#57e3cc

#E357B4

#E38657

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

#57e3cc

#CC57E3

#E3CC57

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

#57e3cc

#8657E3

#E3576E

#B4E357

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

#57e3cc

#E3576E

#E357B4

#E38657

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

#57e3cc

#57B4E3

#576EE3

#8657E3

Shades

#57e3cc Light Tints

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

#57E3CC

#68E6D1

#79E9D6

#89EBDB

#9AEEE0

#ABF1E6

#BCF4EB

#CDF7F0

#DDF9F5

#EEFCFA

#57e3cc Gray Shades

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

#57E3CC

#5BD9C4

#5FCFBD

#63C5B5

#67BBAE

#6CB2A6

#70A89E

#749E97

#78948F

#7C8A88

#57e3cc Dark Shades

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

#57E3CC

#4ECCB8

#46B6A3

#3D9F8F

#34887A

#2C7266

#235B52

#1A443D

#112D29

#091714

#57e3cc Red Shades

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

#57E3CC

#68CCB8

#79B6A3

#899F8F

#9A887A

#AB7266

#BC5B52

#CD443D

#DD2D29

#EE1714

#57e3cc Green Shades

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

#57E3CC

#4ED9B8

#46CFA3

#3DC58F

#34BB7A

#2CB266

#23A852

#1A9E3D

#119429

#098A14

#57e3cc Blue Shades

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

#57E3CC

#4ECCD1

#46B6D6

#3D9FDB

#3488E0

#2C72E6

#235BEB

#1A44F0

#112DF5

#0917FA

Readability Analysis

#57e3cc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.58	Fail	Sample Text
Black	13.26	AAA	Sample Text
Red	2.53	Fail	Sample Text
Green	3.25	A	Sample Text
Blue	5.43	AA	Sample Text

#57e3cc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.58	Fail	Sample Text
Black	13.26	AAA	Sample Text
Red	2.53	Fail	Sample Text
Green	3.25	A	Sample Text
Blue	5.43	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#a6d4c4`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#acd1d2`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#62dfe2`
Protanopia	No red perception - Dichromacy	`#d3cbbf`
Deuteranopia	No green perception - Dichromacy	`#ddc6d5`
Tritanopia	No blue perception - Dichromacy	`#69ddee`
Achromatomaly	Partial color blindness - Monochromacy	`#9ccfc7`
Achromatopsia	Complete color blindness - Monochromacy	`#c4c4c4`

#57e3cc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#57e3cc complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#57e3cc Light Tints

#57e3cc Gray Shades

#57e3cc Dark Shades

#57e3cc Red Shades

#57e3cc Green Shades

#57e3cc Blue Shades

Readability Analysis

#57e3cc as Text Color

#57e3cc as Background Color

Color Blindness Simulation

#57e3cc complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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