0 views

#556eb0 - Color Information

#556eb0

Base Information

HEX

#556eb0

RGB

85,110,176

HSL

224,37,51

HSV

224,52,69

CMYK

52,37,0,31

LAB

47,10,-38

LCH

47,39,285

XYZ

17,16,43

Web Safe

#666699

Web Smart

#5566aa

is dark

Yes

luminosity

0.1622

Pantone Color

Combinations

#556eb0 complementary
Colors that are opposite to each other, forming a contrasting pair.

#556eb0

#B09755

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

#556eb0

#B06955

#9BB055

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

#556eb0

#B0556E

#6EB055

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

#556eb0

#B0559B

#B09755

#55B069

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

#556eb0

#B09755

#B06955

#9BB055

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

#556eb0

#6955B0

#9755B0

#B0559B

Shades

#556eb0 Light Tints

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

#556EB0

#667DB8

#778BC0

#889AC8

#99A8D0

#AAB7D8

#BBC5DF

#CCD4E7

#DDE2EF

#EEF1F7

#556eb0 Gray Shades

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

#556EB0

#5970AB

#5E72A6

#6273A2

#66759D

#6B7798

#6F7993

#737B8E

#777C8A

#7C7E85

#556eb0 Dark Shades

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

#556EB0

#4D639E

#44588D

#3B4D7B

#33426A

#2B3758

#222C46

#192135

#111623

#080B12

#556eb0 Red Shades

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

#556EB0

#66639E

#77588D

#884D7B

#99426A

#AA3758

#BB2C46

#CC2135

#DD1623

#EE0B12

#556eb0 Green Shades

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

#556EB0

#4D709E

#44728D

#3B737B

#33756A

#2B7758

#227946

#197B35

#117C23

#087E12

#556eb0 Blue Shades

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

#556EB0

#4D63B8

#4458C0

#3B4DC8

#3342D0

#2B37D8

#222CDF

#1921E7

#1116EF

#080BF7

Readability Analysis

#556eb0 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.95	AA	Sample Text
Black	4.24	A	Sample Text
Red	1.24	Fail	Sample Text
Green	1.04	Fail	Sample Text
Blue	1.74	Fail	Sample Text

#556eb0 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.95	AA	Sample Text
Black	4.24	A	Sample Text
Red	1.24	Fail	Sample Text
Green	1.04	Fail	Sample Text
Blue	1.74	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#566eaf`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#506faf`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#4a7492`
Protanopia	No red perception - Dichromacy	`#566dae`
Deuteranopia	No green perception - Dichromacy	`#4d70ae`
Tritanopia	No blue perception - Dichromacy	`#437781`
Achromatomaly	Partial color blindness - Monochromacy	`#656e86`
Achromatopsia	Complete color blindness - Monochromacy	`#6d6d6d`

#556eb0 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#556eb0 complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#556eb0 Light Tints

#556eb0 Gray Shades

#556eb0 Dark Shades

#556eb0 Red Shades

#556eb0 Green Shades

#556eb0 Blue Shades

Readability Analysis

#556eb0 as Text Color

#556eb0 as Background Color

Color Blindness Simulation

#556eb0 complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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