0 views

#4d76a8 - Color Information

#4d76a8

Base Information

HEX

#4d76a8

RGB

77,118,168

HSL

213,37,48

HSV

213,54,66

CMYK

54,30,0,34

LAB

49,1,-31

LCH

49,31,271

XYZ

17,17,40

Web Safe

#666699

Web Smart

#5577aa

is dark

Yes

luminosity

0.1736

Pantone Color

Combinations

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

#4d76a8

#A87F4D

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

#4d76a8

#A8524D

#A3A84D

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

#4d76a8

#A84D76

#76A84D

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

#4d76a8

#A84DA3

#A87F4D

#4DA852

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

#4d76a8

#A87F4D

#A8524D

#A3A84D

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

#4d76a8

#514DA8

#7F4DA8

#A84DA3

Shades

#4d76a8 Light Tints

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

#4D76A8

#5F84B1

#7191B9

#829FC2

#94ADCB

#A6BBD4

#B8C8DC

#CAD6E5

#DBE4EE

#EDF1F6

#4d76a8 Gray Shades

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

#4D76A8

#5277A4

#5778A0

#5C799C

#617A98

#677B94

#6C7C90

#717D8C

#767E88

#7B7F84

#4d76a8 Dark Shades

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

#4D76A8

#456A97

#3E5E86

#365376

#2E4765

#273B54

#1F2F43

#172332

#0F1822

#080C11

#4d76a8 Red Shades

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

#4D76A8

#5F6A97

#715E86

#825376

#944765

#A63B54

#B82F43

#CA2332

#DB1822

#ED0C11

#4d76a8 Green Shades

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

#4D76A8

#457797

#3E7886

#367976

#2E7A65

#277B54

#1F7C43

#177D32

#0F7E22

#087F11

#4d76a8 Blue Shades

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

#4D76A8

#456AB1

#3E5EB9

#3653C2

#2E47CB

#273BD4

#1F2FDC

#1723E5

#0F18EE

#080CF6

Readability Analysis

#4d76a8 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.70	AA	Sample Text
Black	4.47	A	Sample Text
Red	1.17	Fail	Sample Text
Green	1.09	Fail	Sample Text
Blue	1.83	Fail	Sample Text

#4d76a8 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.70	AA	Sample Text
Black	4.47	A	Sample Text
Red	1.17	Fail	Sample Text
Green	1.09	Fail	Sample Text
Blue	1.83	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#5b73a5`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#5674a8`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#457a92`
Protanopia	No red perception - Dichromacy	`#6271a4`
Deuteranopia	No green perception - Dichromacy	`#5c72a8`
Tritanopia	No blue perception - Dichromacy	`#407c86`
Achromatomaly	Partial color blindness - Monochromacy	`#647385`
Achromatopsia	Complete color blindness - Monochromacy	`#717171`

#4d76a8 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#4d76a8 Light Tints

#4d76a8 Gray Shades

#4d76a8 Dark Shades

#4d76a8 Red Shades

#4d76a8 Green Shades

#4d76a8 Blue Shades

Readability Analysis

#4d76a8 as Text Color

#4d76a8 as Background Color

Color Blindness Simulation

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

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

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

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

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

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