0 views

#554ecc - Color Information

#554ecc

Base Information

HEX

#554ecc

RGB

85,78,204

HSL

243,55,55

HSV

243,62,80

CMYK

58,62,0,20

LAB

41,39,-65

LCH

41,75,301

XYZ

17,12,58

Web Safe

#6666cc

Web Smart

#5555cc

is dark

Yes

luminosity

0.1174

Pantone Color

Combinations

#554ecc complementary
Colors that are opposite to each other, forming a contrasting pair.

#554ecc

#C5CC4E

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

#554ecc

#CC944E

#86CC4E

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

#554ecc

#CC554E

#4ECC55

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

#554ecc

#CC4E86

#C5CC4E

#4ECC94

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

#554ecc

#C5CC4E

#CC944E

#86CC4E

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

#554ecc

#944ECC

#CC4EC5

#CC4E86

Shades

#554ecc Light Tints

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

#554ECC

#6660D1

#7771D6

#8883DB

#9995E0

#AAA7E6

#BBB8EB

#CCCAF0

#DDDCF5

#EEEDFA

#554ecc Gray Shades

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

#554ECC

#5953C4

#5E58BD

#625DB5

#6662AE

#6B67A6

#6F6C9E

#737197

#77768F

#7C7B88

#554ecc Dark Shades

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

#554ECC

#4D46B8

#443EA3

#3B378F

#332F7A

#2B2766

#221F52

#19173D

#111029

#080814

#554ecc Red Shades

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

#554ECC

#6646B8

#773EA3

#88378F

#992F7A

#AA2766

#BB1F52

#CC173D

#DD1029

#EE0814

#554ecc Green Shades

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

#554ECC

#4D53B8

#4458A3

#3B5D8F

#33627A

#2B6766

#226C52

#19713D

#117629

#087B14

#554ecc Blue Shades

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

#554ECC

#4D46D1

#443ED6

#3B37DB

#332FE0

#2B27E6

#221FEB

#1917F0

#1110F5

#0808FA

Readability Analysis

#554ecc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.27	AA	Sample Text
Black	3.35	A	Sample Text
Red	1.57	Fail	Sample Text
Green	1.22	Fail	Sample Text
Blue	1.37	Fail	Sample Text

#554ecc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.27	AA	Sample Text
Black	3.35	A	Sample Text
Red	1.57	Fail	Sample Text
Green	1.22	Fail	Sample Text
Blue	1.37	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#1f58c5`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1f5bb5`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#375f93`
Protanopia	No red perception - Dichromacy	`#005dc2`
Deuteranopia	No green perception - Dichromacy	`#0063a8`
Tritanopia	No blue perception - Dichromacy	`#256972`
Achromatomaly	Partial color blindness - Monochromacy	`#575583`
Achromatopsia	Complete color blindness - Monochromacy	`#595959`

#554ecc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#554ecc complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#554ecc Light Tints

#554ecc Gray Shades

#554ecc Dark Shades

#554ecc Red Shades

#554ecc Green Shades

#554ecc Blue Shades

Readability Analysis

#554ecc as Text Color

#554ecc as Background Color

Color Blindness Simulation

#554ecc complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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