0 views

#3e63f0 - Color Information

#3e63f0

Base Information

HEX

#3e63f0

RGB

62,99,240

HSL

228,86,59

HSV

228,74,94

CMYK

74,59,0,6

LAB

47,35,-75

LCH

47,82,295

XYZ

22,16,84

Web Safe

#3366ff

Web Smart

#4466ee

is dark

Yes

luminosity

0.1624

Pantone Color

Combinations

#3e63f0 complementary
Colors that are opposite to each other, forming a contrasting pair.

#3e63f0

#F0CB3E

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

#3e63f0

#F0723E

#BCF03E

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

#3e63f0

#F03E63

#63F03E

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

#3e63f0

#F03EBC

#F0CB3E

#3EF072

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

#3e63f0

#F0CB3E

#F0723E

#BCF03E

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

#3e63f0

#723EF0

#CB3EF0

#F03EBC

Shades

#3e63f0 Light Tints

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

#3E63F0

#5173F2

#6582F3

#7892F5

#8BA1F6

#9FB1F8

#B2C1F9

#C5D0FB

#D8E0FC

#ECEFFE

#3e63f0 Gray Shades

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

#3E63F0

#4566E5

#4B69DA

#526CCE

#586FC3

#5F72B8

#6674AD

#6C77A2

#737A96

#797D8B

#3e63f0 Dark Shades

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

#3E63F0

#3859D8

#324FC0

#2B45A8

#253B90

#1F3278

#192860

#131E48

#0C1430

#060A18

#3e63f0 Red Shades

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

#3E63F0

#5159D8

#654FC0

#7845A8

#8B3B90

#9F3278

#B22860

#C51E48

#D81430

#EC0A18

#3e63f0 Green Shades

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

#3E63F0

#3866D8

#3269C0

#2B6CA8

#256F90

#1F7278

#197460

#137748

#0C7A30

#067D18

#3e63f0 Blue Shades

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

#3E63F0

#3859F2

#324FF3

#2B45F5

#253BF6

#1F32F8

#1928F9

#131EFB

#0C14FC

#060AFE

Readability Analysis

#3e63f0 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.94	AA	Sample Text
Black	4.25	A	Sample Text
Red	1.24	Fail	Sample Text
Green	1.04	Fail	Sample Text
Blue	1.74	Fail	Sample Text

#3e63f0 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.94	AA	Sample Text
Black	4.25	A	Sample Text
Red	1.24	Fail	Sample Text
Green	1.04	Fail	Sample Text
Blue	1.74	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#1769e6`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#176dd3`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#1773ab`
Protanopia	No red perception - Dichromacy	`#006ce0`
Deuteranopia	No green perception - Dichromacy	`#0073c2`
Tritanopia	No blue perception - Dichromacy	`#007c84`
Achromatomaly	Partial color blindness - Monochromacy	`#576498`
Achromatopsia	Complete color blindness - Monochromacy	`#656565`

#3e63f0 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#3e63f0 complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#3e63f0 Light Tints

#3e63f0 Gray Shades

#3e63f0 Dark Shades

#3e63f0 Red Shades

#3e63f0 Green Shades

#3e63f0 Blue Shades

Readability Analysis

#3e63f0 as Text Color

#3e63f0 as Background Color

Color Blindness Simulation

#3e63f0 complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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