0 views

#554dbc - Color Information

#554dbc

Base Information

HEX

#554dbc

RGB

85,77,188

HSL

244,45,52

HSV

244,59,74

CMYK

55,59,0,26

LAB

39,34,-58

LCH

39,67,301

XYZ

15,11,49

Web Safe

#6666cc

Web Smart

#5555bb

is dark

Yes

luminosity

0.1087

Pantone Color

Combinations

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

#554dbc

#B4BC4D

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

#554dbc

#BC8D4D

#7CBC4D

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

#554dbc

#BC554D

#4DBC55

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

#554dbc

#BC4D7C

#B4BC4D

#4DBC8D

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

#554dbc

#B4BC4D

#BC8D4D

#7CBC4D

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

#554dbc

#8D4DBC

#BC4DB4

#BC4D7C

Shades

#554dbc Light Tints

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

#554DBC

#665FC3

#7771C9

#8882D0

#9994D7

#AAA6DE

#BBB8E4

#CCCAEB

#DDDBF2

#EEEDF8

#554dbc Gray Shades

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

#554DBC

#5952B6

#5E57B0

#625CAA

#6661A4

#6B679E

#6F6C98

#737192

#77768C

#7C7B86

#554dbc Dark Shades

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

#554DBC

#4D45A9

#443E96

#3B3684

#332E71

#2B275E

#221F4B

#191738

#110F26

#080813

#554dbc Red Shades

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

#554DBC

#6645A9

#773E96

#883684

#992E71

#AA275E

#BB1F4B

#CC1738

#DD0F26

#EE0813

#554dbc Green Shades

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

#554DBC

#4D52A9

#445796

#3B5C84

#336171

#2B675E

#226C4B

#197138

#117626

#087B13

#554dbc Blue Shades

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

#554DBC

#4D45C3

#443EC9

#3B36D0

#332ED7

#2B27DE

#221FE4

#1917EB

#110FF2

#0808F8

Readability Analysis

#554dbc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.62	AA	Sample Text
Black	3.17	A	Sample Text
Red	1.65	Fail	Sample Text
Green	1.29	Fail	Sample Text
Blue	1.30	Fail	Sample Text

#554dbc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.62	AA	Sample Text
Black	3.17	A	Sample Text
Red	1.65	Fail	Sample Text
Green	1.29	Fail	Sample Text
Blue	1.30	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#1f55bc`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1f59ac`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#3f5c89`
Protanopia	No red perception - Dichromacy	`#005abb`
Deuteranopia	No green perception - Dichromacy	`#005fa3`
Tritanopia	No blue perception - Dichromacy	`#33646c`
Achromatomaly	Partial color blindness - Monochromacy	`#56537c`
Achromatopsia	Complete color blindness - Monochromacy	`#575757`

#554dbc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#554dbc Light Tints

#554dbc Gray Shades

#554dbc Dark Shades

#554dbc Red Shades

#554dbc Green Shades

#554dbc Blue Shades

Readability Analysis

#554dbc as Text Color

#554dbc as Background Color

Color Blindness Simulation

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

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

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

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

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

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