0 views

#554fc3 - Color Information

#554fc3

Base Information

HEX

#554fc3

RGB

85,79,195

HSL

243,49,54

HSV

243,59,76

CMYK

56,59,0,24

LAB

40,35,-60

LCH

40,70,300

XYZ

16,11,53

Web Safe

#6666cc

Web Smart

#5555bb

is dark

Yes

luminosity

0.1146

Pantone Color

Combinations

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

#554fc3

#BDC34F

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

#554fc3

#C38F4F

#83C34F

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

#554fc3

#C3554F

#4FC355

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

#554fc3

#C34F83

#BDC34F

#4FC38F

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

#554fc3

#BDC34F

#C38F4F

#83C34F

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

#554fc3

#8F4FC3

#C34FBD

#C34F83

Shades

#554fc3 Light Tints

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

#554FC3

#6661C9

#7772CF

#8884D5

#9995DB

#AAA7E1

#BBB9E7

#CCCAED

#DDDCF3

#EEEDF9

#554fc3 Gray Shades

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

#554FC3

#5954BC

#5E59B6

#625EAF

#6663A8

#6B68A2

#6F6C9B

#737194

#77768D

#7C7B87

#554fc3 Dark Shades

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

#554FC3

#4D47B0

#443F9C

#3B3789

#332F75

#2B2862

#22204E

#19183A

#111027

#080813

#554fc3 Red Shades

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

#554FC3

#6647B0

#773F9C

#883789

#992F75

#AA2862

#BB204E

#CC183A

#DD1027

#EE0813

#554fc3 Green Shades

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

#554FC3

#4D54B0

#44599C

#3B5E89

#336375

#2B6862

#226C4E

#19713A

#117627

#087B13

#554fc3 Blue Shades

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

#554FC3

#4D47C9

#443FCF

#3B37D5

#332FDB

#2B28E1

#2220E7

#1918ED

#1110F3

#0808F9

Readability Analysis

#554fc3 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.38	AA	Sample Text
Black	3.29	A	Sample Text
Red	1.60	Fail	Sample Text
Green	1.24	Fail	Sample Text
Blue	1.35	Fail	Sample Text

#554fc3 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.38	AA	Sample Text
Black	3.29	A	Sample Text
Red	1.60	Fail	Sample Text
Green	1.24	Fail	Sample Text
Blue	1.35	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#1f57c1`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1f5bb1`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#3c5e8e`
Protanopia	No red perception - Dichromacy	`#005cc0`
Deuteranopia	No green perception - Dichromacy	`#0062a7`
Tritanopia	No blue perception - Dichromacy	`#2e6770`
Achromatomaly	Partial color blindness - Monochromacy	`#57557f`
Achromatopsia	Complete color blindness - Monochromacy	`#595959`

#554fc3 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#554fc3 Light Tints

#554fc3 Gray Shades

#554fc3 Dark Shades

#554fc3 Red Shades

#554fc3 Green Shades

#554fc3 Blue Shades

Readability Analysis

#554fc3 as Text Color

#554fc3 as Background Color

Color Blindness Simulation

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

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

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

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

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

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