0 views

#4d63da - Color Information

#4d63da

Base Information

HEX

#4d63da

RGB

77,99,218

HSL

231,66,58

HSV

231,65,85

CMYK

65,55,0,15

LAB

46,29,-64

LCH

46,70,295

XYZ

20,16,68

Web Safe

#6666cc

Web Smart

#5566dd

is dark

Yes

luminosity

0.1556

Pantone Color

Combinations

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

#4d63da

#DAC44D

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

#4d63da

#DA7E4D

#A9DA4D

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

#4d63da

#DA4D63

#63DA4D

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

#4d63da

#DA4DA9

#DAC44D

#4DDA7E

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

#4d63da

#DAC44D

#DA7E4D

#A9DA4D

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

#4d63da

#7D4DDA

#C44DDA

#DA4DA9

Shades

#4d63da Light Tints

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

#4D63DA

#5F73DE

#7182E1

#8292E5

#94A1E9

#A6B1ED

#B8C1F0

#CAD0F4

#DBE0F8

#EDEFFB

#4d63da Gray Shades

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

#4D63DA

#5266D1

#5769C8

#5C6CBF

#616FB6

#6772AD

#6C74A4

#71779B

#767A92

#7B7D89

#4d63da Dark Shades

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

#4D63DA

#4559C4

#3E4FAE

#364599

#2E3B83

#27326D

#1F2857

#171E41

#0F142C

#080A16

#4d63da Red Shades

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

#4D63DA

#5F59C4

#714FAE

#824599

#943B83

#A6326D

#B82857

#CA1E41

#DB142C

#ED0A16

#4d63da Green Shades

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

#4D63DA

#4566C4

#3E69AE

#366C99

#2E6F83

#27726D

#1F7457

#177741

#0F7A2C

#087D16

#4d63da Blue Shades

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

#4D63DA

#4559DE

#3E4FE1

#3645E5

#2E3BE9

#2732ED

#1F28F0

#171EF4

#0F14F8

#080AFB

Readability Analysis

#4d63da as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.11	AA	Sample Text
Black	4.11	A	Sample Text
Red	1.28	Fail	Sample Text
Green	1.01	Fail	Sample Text
Blue	1.68	Fail	Sample Text

#4d63da as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.11	AA	Sample Text
Black	4.11	A	Sample Text
Red	1.28	Fail	Sample Text
Green	1.01	Fail	Sample Text
Blue	1.68	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#1c67dc`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1c6bc9`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#1c71a2`
Protanopia	No red perception - Dichromacy	`#006add`
Deuteranopia	No green perception - Dichromacy	`#0070c0`
Tritanopia	No blue perception - Dichromacy	`#007983`
Achromatomaly	Partial color blindness - Monochromacy	`#5d6591`
Achromatopsia	Complete color blindness - Monochromacy	`#676767`

#4d63da - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#4d63da Light Tints

#4d63da Gray Shades

#4d63da Dark Shades

#4d63da Red Shades

#4d63da Green Shades

#4d63da Blue Shades

Readability Analysis

#4d63da as Text Color

#4d63da as Background Color

Color Blindness Simulation

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

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

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

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

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

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