0 views

#3f63fc - Color Information

#3f63fc

Base Information

HEX

#3f63fc

RGB

63,99,252

HSL

229,97,62

HSV

229,75,99

CMYK

75,61,0,1

LAB

48,39,-80

LCH

48,89,296

XYZ

24,17,94

Web Safe

#3366ff

Web Smart

#4466ff

is dark

Yes

luminosity

0.1701

Pantone Color

Combinations

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

#3f63fc

#FCD83F

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

#3f63fc

#FC793F

#C2FC3F

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

#3f63fc

#FC3F63

#63FC3F

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

#3f63fc

#FC3FC1

#FCD83F

#3FFC7A

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

#3f63fc

#FCD83F

#FC793F

#C2FC3F

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

#3f63fc

#7A3FFC

#D83FFC

#FC3FC1

Shades

#3f63fc Light Tints

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

#3F63FC

#5273FC

#6582FD

#7992FD

#8CA1FD

#9FB1FE

#B2C1FE

#C5D0FE

#D9E0FE

#ECEFFF

#3f63fc Gray Shades

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

#3F63FC

#4666F0

#4C69E3

#536CD7

#596FCA

#6072BE

#6674B2

#6D77A5

#737A99

#7A7D8C

#3f63fc Dark Shades

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

#3F63FC

#3959E3

#324FCA

#2C45B0

#263B97

#20327E

#192865

#131E4C

#0D1432

#060A19

#3f63fc Red Shades

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

#3F63FC

#5259E3

#654FCA

#7945B0

#8C3B97

#9F327E

#B22865

#C51E4C

#D91432

#EC0A19

#3f63fc Green Shades

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

#3F63FC

#3966E3

#3269CA

#2C6CB0

#266F97

#20727E

#197465

#13774C

#0D7A32

#067D19

#3f63fc Blue Shades

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

#3F63FC

#3959FC

#324FFD

#2C45FD

#263BFD

#2032FE

#1928FE

#131EFE

#0D14FE

#060AFF

Readability Analysis

#3f63fc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.77	AA	Sample Text
Black	4.40	A	Sample Text
Red	1.19	Fail	Sample Text
Green	1.08	Fail	Sample Text
Blue	1.80	Fail	Sample Text

#3f63fc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.77	AA	Sample Text
Black	4.40	A	Sample Text
Red	1.19	Fail	Sample Text
Green	1.08	Fail	Sample Text
Blue	1.80	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#176aed`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#176fd9`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#1774b1`
Protanopia	No red perception - Dichromacy	`#006ee5`
Deuteranopia	No green perception - Dichromacy	`#0075c5`
Tritanopia	No blue perception - Dichromacy	`#007e86`
Achromatomaly	Partial color blindness - Monochromacy	`#58659d`
Achromatopsia	Complete color blindness - Monochromacy	`#666666`

#3f63fc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3f63fc Light Tints

#3f63fc Gray Shades

#3f63fc Dark Shades

#3f63fc Red Shades

#3f63fc Green Shades

#3f63fc Blue Shades

Readability Analysis

#3f63fc as Text Color

#3f63fc as Background Color

Color Blindness Simulation

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

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

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

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

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

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