0 views

#4d63f5 - Color Information

#4d63f5

Base Information

HEX

#4d63f5

RGB

77,99,245

HSL

232,89,63

HSV

232,69,96

CMYK

69,60,0,4

LAB

48,39,-76

LCH

48,85,297

XYZ

24,17,88

Web Safe

#6666ff

Web Smart

#5566ee

is dark

Yes

luminosity

0.1709

Pantone Color

Combinations

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

#4d63f5

#F5DF4D

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

#4d63f5

#F58B4D

#B7F54D

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

#4d63f5

#F54D63

#63F54D

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

#4d63f5

#F54DB7

#F5DF4D

#4DF58B

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

#4d63f5

#F5DF4D

#F58B4D

#B7F54D

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

#4d63f5

#8B4DF5

#DF4DF5

#F54DB7

Shades

#4d63f5 Light Tints

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

#4D63F5

#5F73F6

#7182F7

#8292F8

#94A1F9

#A6B1FA

#B8C1FB

#CAD0FC

#DBE0FD

#EDEFFE

#4d63f5 Gray Shades

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

#4D63F5

#5266E9

#5769DE

#5C6CD2

#616FC6

#6772BB

#6C74AF

#7177A3

#767A97

#7B7D8C

#4d63f5 Dark Shades

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

#4D63F5

#4559DD

#3E4FC4

#3645AC

#2E3B93

#27327B

#1F2862

#171E49

#0F1431

#080A18

#4d63f5 Red Shades

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

#4D63F5

#5F59DD

#714FC4

#8245AC

#943B93

#A6327B

#B82862

#CA1E49

#DB1431

#ED0A18

#4d63f5 Green Shades

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

#4D63F5

#4566DD

#3E69C4

#366CAC

#2E6F93

#27727B

#1F7462

#177749

#0F7A31

#087D18

#4d63f5 Blue Shades

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

#4D63F5

#4559F6

#3E4FF7

#3645F8

#2E3BF9

#2732FA

#1F28FB

#171EFC

#0F14FD

#080AFE

Readability Analysis

#4d63f5 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.75	AA	Sample Text
Black	4.42	A	Sample Text
Red	1.19	Fail	Sample Text
Green	1.08	Fail	Sample Text
Blue	1.81	Fail	Sample Text

#4d63f5 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.75	AA	Sample Text
Black	4.42	A	Sample Text
Red	1.19	Fail	Sample Text
Green	1.08	Fail	Sample Text
Blue	1.81	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#1c6aeb`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1c6fd7`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#1c75af`
Protanopia	No red perception - Dichromacy	`#006ee6`
Deuteranopia	No green perception - Dichromacy	`#0075c6`
Tritanopia	No blue perception - Dichromacy	`#007f87`
Achromatomaly	Partial color blindness - Monochromacy	`#5f679c`
Achromatopsia	Complete color blindness - Monochromacy	`#696969`

#4d63f5 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#4d63f5 Light Tints

#4d63f5 Gray Shades

#4d63f5 Dark Shades

#4d63f5 Red Shades

#4d63f5 Green Shades

#4d63f5 Blue Shades

Readability Analysis

#4d63f5 as Text Color

#4d63f5 as Background Color

Color Blindness Simulation

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

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

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

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

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

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