0 views

#4a5a7f - Color Information

#4a5a7f

Base Information

HEX

#4a5a7f

RGB

74,90,127

HSL

222,26,39

HSV

222,42,50

CMYK

42,29,0,50

LAB

38,4,-23

LCH

38,23,280

XYZ

10,10,22

Web Safe

#336666

Web Smart

#445577

is dark

Yes

luminosity

0.1030

Pantone Color

Combinations

#4a5a7f complementary
Colors that are opposite to each other, forming a contrasting pair.

#4a5a7f

#7F6F4A

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

#4a5a7f

#7F544A

#757F4A

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

#4a5a7f

#7F4A5A

#5A7F4A

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

#4a5a7f

#7F4A75

#7F6F4A

#4A7F54

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

#4a5a7f

#7F6F4A

#7F544A

#757F4A

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

#4a5a7f

#544A7F

#6F4A7F

#7F4A75

Shades

#4a5a7f Light Tints

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

#4A5A7F

#5C6B8C

#6E7B99

#808CA5

#929CB2

#A5ADBF

#B7BDCC

#C9CED9

#DBDEE5

#EDEFF2

#4a5a7f Gray Shades

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

#4A5A7F

#4F5E7F

#55627F

#5A657F

#60697F

#656D80

#6A7180

#707580

#757880

#7B7C80

#4a5a7f Dark Shades

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

#4A5A7F

#435172

#3B4866

#343F59

#2C364C

#252D40

#1E2433

#161B26

#0F1219

#07090D

#4a5a7f Red Shades

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

#4A5A7F

#5C5172

#6E4866

#803F59

#92364C

#A52D40

#B72433

#C91B26

#DB1219

#ED090D

#4a5a7f Green Shades

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

#4A5A7F

#435E72

#3B6266

#346559

#2C694C

#256D40

#1E7133

#167526

#0F7819

#077C0D

#4a5a7f Blue Shades

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

#4A5A7F

#43518C

#3B4899

#343FA5

#2C36B2

#252DBF

#1E24CC

#161BD9

#0F12E5

#0709F2

Readability Analysis

#4a5a7f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.86	AA	Sample Text
Black	3.06	A	Sample Text
Red	1.72	Fail	Sample Text
Green	1.34	Fail	Sample Text
Blue	1.25	Fail	Sample Text

#4a5a7f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.86	AA	Sample Text
Black	3.06	A	Sample Text
Red	1.72	Fail	Sample Text
Green	1.34	Fail	Sample Text
Blue	1.25	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#4d5a7e`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#4d5a7f`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#465d6f`
Protanopia	No red perception - Dichromacy	`#4f5a7d`
Deuteranopia	No green perception - Dichromacy	`#4e5a7e`
Tritanopia	No blue perception - Dichromacy	`#445f67`
Achromatomaly	Partial color blindness - Monochromacy	`#545a67`
Achromatopsia	Complete color blindness - Monochromacy	`#595959`

#4a5a7f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#4a5a7f complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#4a5a7f Light Tints

#4a5a7f Gray Shades

#4a5a7f Dark Shades

#4a5a7f Red Shades

#4a5a7f Green Shades

#4a5a7f Blue Shades

Readability Analysis

#4a5a7f as Text Color

#4a5a7f as Background Color

Color Blindness Simulation

#4a5a7f complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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