0 views

#4d7a8c - Color Information

#4d7a8c

Base Information

HEX

#4d7a8c

RGB

77,122,140

HSL

197,29,43

HSV

197,45,55

CMYK

45,13,0,45

LAB

49,-10,-15

LCH

49,18,235

XYZ

15,17,27

Web Safe

#666699

Web Smart

#557788

is dark

Yes

luminosity

0.1739

Pantone Color

Combinations

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

#4d7a8c

#8C5F4D

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

#4d7a8c

#8C4D5A

#8C7F4D

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

#4d7a8c

#8C4D7A

#7A8C4D

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

#4d7a8c

#7F4D8C

#8C5F4D

#5B8C4D

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

#4d7a8c

#8C5F4D

#8C4D5A

#8C7F4D

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

#4d7a8c

#4D5B8C

#5F4D8C

#7F4D8C

Shades

#4d7a8c Light Tints

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

#4D7A8C

#5F8798

#7195A3

#82A2AF

#94AFBA

#A6BDC6

#B8CAD1

#CAD7DD

#DBE4E8

#EDF2F4

#4d7a8c Gray Shades

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

#4D7A8C

#527B8B

#577B8A

#5C7C88

#617C87

#677D86

#6C7E85

#717E84

#767F82

#7B7F81

#4d7a8c Dark Shades

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

#4D7A8C

#456E7E

#3E6270

#365562

#2E4954

#273D46

#1F3138

#17252A

#0F181C

#080C0E

#4d7a8c Red Shades

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

#4D7A8C

#5F6E7E

#716270

#825562

#944954

#A63D46

#B83138

#CA252A

#DB181C

#ED0C0E

#4d7a8c Green Shades

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

#4D7A8C

#457B7E

#3E7B70

#367C62

#2E7C54

#277D46

#1F7E38

#177E2A

#0F7F1C

#087F0E

#4d7a8c Blue Shades

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

#4D7A8C

#456E98

#3E62A3

#3655AF

#2E49BA

#273DC6

#1F31D1

#1725DD

#0F18E8

#080CF4

Readability Analysis

#4d7a8c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.69	AA	Sample Text
Black	4.48	A	Sample Text
Red	1.17	Fail	Sample Text
Green	1.10	Fail	Sample Text
Blue	1.83	Fail	Sample Text

#4d7a8c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.69	AA	Sample Text
Black	4.48	A	Sample Text
Red	1.17	Fail	Sample Text
Green	1.10	Fail	Sample Text
Blue	1.83	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#637588`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#64748d`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#4c7a87`
Protanopia	No red perception - Dichromacy	`#6f7286`
Deuteranopia	No green perception - Dichromacy	`#71718e`
Tritanopia	No blue perception - Dichromacy	`#4c7a84`
Achromatomaly	Partial color blindness - Monochromacy	`#64757b`
Achromatopsia	Complete color blindness - Monochromacy	`#727272`

#4d7a8c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#4d7a8c Light Tints

#4d7a8c Gray Shades

#4d7a8c Dark Shades

#4d7a8c Red Shades

#4d7a8c Green Shades

#4d7a8c Blue Shades

Readability Analysis

#4d7a8c as Text Color

#4d7a8c as Background Color

Color Blindness Simulation

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

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

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

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

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

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