0 views

#5a667c - Color Information

#5a667c

Base Information

HEX

#5a667c

RGB

90,102,124

HSL

219,16,42

HSV

219,27,49

CMYK

27,18,0,51

LAB

43,1,-14

LCH

43,14,273

XYZ

13,13,21

Web Safe

#666666

Web Smart

#556677

is dark

Yes

luminosity

0.1313

Pantone Color

Combinations

#5a667c complementary
Colors that are opposite to each other, forming a contrasting pair.

#5a667c

#7C705A

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

#5a667c

#7C5F5A

#777C5A

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

#5a667c

#7C5A66

#667C5A

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

#5a667c

#7C5A77

#7C705A

#5A7C5F

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

#5a667c

#7C705A

#7C5F5A

#777C5A

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

#5a667c

#5F5A7C

#705A7C

#7C5A77

Shades

#5a667c Light Tints

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

#5A667C

#6B7589

#7B8596

#8C94A3

#9CA3B0

#ADB3BE

#BDC2CB

#CED1D8

#DEE0E5

#EFF0F2

#5a667c Gray Shades

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

#5A667C

#5E697C

#626B7D

#656E7D

#69707E

#6D737E

#71767E

#75787F

#787B7F

#7C7D80

#5a667c Dark Shades

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

#5A667C

#515C70

#485263

#3F4757

#363D4A

#2D333E

#242932

#1B1F25

#121419

#090A0C

#5a667c Red Shades

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

#5A667C

#6B5C70

#7B5263

#8C4757

#9C3D4A

#AD333E

#BD2932

#CE1F25

#DE1419

#EF0A0C

#5a667c Green Shades

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

#5A667C

#516970

#486B63

#3F6E57

#36704A

#2D733E

#247632

#1B7825

#127B19

#097D0C

#5a667c Blue Shades

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

#5A667C

#515C89

#485296

#3F47A3

#363DB0

#2D33BE

#2429CB

#1B1FD8

#1214E5

#090AF2

Readability Analysis

#5a667c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.79	AA	Sample Text
Black	3.63	A	Sample Text
Red	1.45	Fail	Sample Text
Green	1.13	Fail	Sample Text
Blue	1.48	Fail	Sample Text

#5a667c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.79	AA	Sample Text
Black	3.63	A	Sample Text
Red	1.45	Fail	Sample Text
Green	1.13	Fail	Sample Text
Blue	1.48	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#5e657b`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#60647c`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#596774`
Protanopia	No red perception - Dichromacy	`#60647a`
Deuteranopia	No green perception - Dichromacy	`#64637c`
Tritanopia	No blue perception - Dichromacy	`#586870`
Achromatomaly	Partial color blindness - Monochromacy	`#61656d`
Achromatopsia	Complete color blindness - Monochromacy	`#656565`

#5a667c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#5a667c complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#5a667c Light Tints

#5a667c Gray Shades

#5a667c Dark Shades

#5a667c Red Shades

#5a667c Green Shades

#5a667c Blue Shades

Readability Analysis

#5a667c as Text Color

#5a667c as Background Color

Color Blindness Simulation

#5a667c complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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