0 views

#56ecef - Color Information

#56ecef

Base Information

HEX

#56ecef

RGB

86,236,239

HSL

181,83,64

HSV

181,64,94

CMYK

64,1,0,6

LAB

86,-38,-13

LCH

86,40,199

XYZ

49,68,92

Web Safe

#66ffff

Web Smart

#55eeee

is dark

luminosity

0.6820

Pantone Color

Combinations

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

#56ecef

#EF5956

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

#56ecef

#EF569F

#EFA656

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

#56ecef

#EF56EC

#ECEF56

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

#56ecef

#A656EF

#EF5956

#9FEF56

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

#56ecef

#EF5956

#EF569F

#EFA656

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

#56ecef

#569FEF

#5956EF

#A656EF

Shades

#56ecef Light Tints

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

#56ECEF

#67EEF1

#78F0F2

#89F2F4

#9AF4F5

#ABF6F7

#BBF7F9

#CCF9FA

#DDFBFC

#EEFDFD

#56ecef Gray Shades

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

#56ECEF

#5AE1E4

#5ED6D9

#63CCCE

#67C1C3

#6BB6B8

#6FABAC

#73A0A1

#789696

#7C8B8B

#56ecef Dark Shades

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

#56ECEF

#4DD4D7

#45BDBF

#3CA5A7

#348E8F

#2B7678

#225E60

#1A4748

#112F30

#091818

#56ecef Red Shades

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

#56ECEF

#67D4D7

#78BDBF

#89A5A7

#9A8E8F

#AB7678

#BB5E60

#CC4748

#DD2F30

#EE1818

#56ecef Green Shades

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

#56ECEF

#4DE1D7

#45D6BF

#3CCCA7

#34C18F

#2BB678

#22AB60

#1AA048

#119630

#098B18

#56ecef Blue Shades

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

#56ECEF

#4DD4F1

#45BDF2

#3CA5F4

#348EF5

#2B76F7

#225EF9

#1A47FA

#112FFC

#0918FD

Readability Analysis

#56ecef as Text Color

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

#56ecef as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.43	Fail	Sample Text
Black	14.64	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	`#a8dde7`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#abdbf5`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#5beaf7`
Protanopia	No red perception - Dichromacy	`#d7d5e2`
Deuteranopia	No green perception - Dichromacy	`#dbd1f8`
Tritanopia	No blue perception - Dichromacy	`#5ee9fc`
Achromatomaly	Partial color blindness - Monochromacy	`#a1d8d9`
Achromatopsia	Complete color blindness - Monochromacy	`#cccccc`

#56ecef - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#56ecef Light Tints

#56ecef Gray Shades

#56ecef Dark Shades

#56ecef Red Shades

#56ecef Green Shades

#56ecef Blue Shades

Readability Analysis

#56ecef as Text Color

#56ecef as Background Color

Color Blindness Simulation

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

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

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

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

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

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