0 views

#56e4f7 - Color Information

#56e4f7

Base Information

HEX

#56e4f7

RGB

86,228,247

HSL

187,91,65

HSV

187,65,97

CMYK

65,8,0,3

LAB

84,-32,-20

LCH

84,38,213

XYZ

48,64,98

Web Safe

#66ccff

Web Smart

#55ddff

is dark

luminosity

0.6418

Pantone Color

Combinations

#56e4f7 complementary
Colors that are opposite to each other, forming a contrasting pair.

#56e4f7

#F76956

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

#56e4f7

#F75694

#F7B956

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

#56e4f7

#F756E4

#E4F756

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

#56e4f7

#B956F7

#F76956

#94F756

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

#56e4f7

#F76956

#F75694

#F7B956

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

#56e4f7

#5694F7

#6956F7

#B956F7

Shades

#56e4f7 Light Tints

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

#56E4F7

#67E7F8

#78E9F9

#89ECF9

#9AEFFA

#ABF2FB

#BBF4FC

#CCF7FD

#DDFAFD

#EEFCFE

#56e4f7 Gray Shades

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

#56E4F7

#5ADAEB

#5ED0DF

#63C6D3

#67BCC7

#6BB2BC

#6FA8B0

#739EA4

#789498

#7C8A8C

#56e4f7 Dark Shades

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

#56E4F7

#4DCDDE

#45B6C6

#3CA0AD

#348994

#2B727C

#225B63

#1A444A

#112E31

#091719

#56e4f7 Red Shades

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

#56E4F7

#67CDDE

#78B6C6

#89A0AD

#9A8994

#AB727C

#BB5B63

#CC444A

#DD2E31

#EE1719

#56e4f7 Green Shades

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

#56E4F7

#4DDADE

#45D0C6

#3CC6AD

#34BC94

#2BB27C

#22A863

#1A9E4A

#119431

#098A19

#56e4f7 Blue Shades

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

#56E4F7

#4DCDF8

#45B6F9

#3CA0F9

#3489FA

#2B72FB

#225BFC

#1A44FD

#112EFD

#0917FE

Readability Analysis

#56e4f7 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.52	Fail	Sample Text
Black	13.84	AAA	Sample Text
Red	2.63	Fail	Sample Text
Green	3.38	A	Sample Text
Blue	5.66	AA	Sample Text

#56e4f7 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.52	Fail	Sample Text
Black	13.84	AAA	Sample Text
Red	2.63	Fail	Sample Text
Green	3.38	A	Sample Text
Blue	5.66	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#a1d7ef`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#a2d5fc`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#56e4f6`
Protanopia	No red perception - Dichromacy	`#cccfea`
Deuteranopia	No green perception - Dichromacy	`#cdccff`
Tritanopia	No blue perception - Dichromacy	`#56e3f6`
Achromatomaly	Partial color blindness - Monochromacy	`#9ed2d9`
Achromatopsia	Complete color blindness - Monochromacy	`#c7c7c7`

#56e4f7 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#56e4f7 complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#56e4f7 Light Tints

#56e4f7 Gray Shades

#56e4f7 Dark Shades

#56e4f7 Red Shades

#56e4f7 Green Shades

#56e4f7 Blue Shades

Readability Analysis

#56e4f7 as Text Color

#56e4f7 as Background Color

Color Blindness Simulation

#56e4f7 complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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