0 views

#3f64fb - Color Information

#3f64fb

Base Information

HEX

#3f64fb

RGB

63,100,251

HSL

228,96,62

HSV

228,75,98

CMYK

75,60,0,2

LAB

48,38,-79

LCH

48,88,296

XYZ

24,17,93

Web Safe

#3366ff

Web Smart

#4466ff

is dark

Yes

luminosity

0.1714

Pantone Color

Combinations

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

#3f64fb

#FBD63F

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

#3f64fb

#FB783F

#C2FB3F

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

#3f64fb

#FB3F64

#64FB3F

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

#3f64fb

#FB3FC2

#FBD63F

#3FFB78

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

#3f64fb

#FBD63F

#FB783F

#C2FB3F

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

#3f64fb

#783FFB

#D63FFB

#FB3FC2

Shades

#3f64fb Light Tints

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

#3F64FB

#5274FB

#6583FC

#7993FC

#8CA2FD

#9FB2FD

#B2C1FD

#C5D1FE

#D9E0FE

#ECF0FF

#3f64fb Gray Shades

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

#3F64FB

#4667EF

#4C6AE2

#536CD6

#596FCA

#6072BE

#6675B1

#6D78A5

#737A99

#7A7D8C

#3f64fb Dark Shades

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

#3F64FB

#395AE2

#3250C9

#2C46B0

#263C97

#20327E

#192864

#131E4B

#0D1432

#060A19

#3f64fb Red Shades

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

#3F64FB

#525AE2

#6550C9

#7946B0

#8C3C97

#9F327E

#B22864

#C51E4B

#D91432

#EC0A19

#3f64fb Green Shades

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

#3F64FB

#3967E2

#326AC9

#2C6CB0

#266F97

#20727E

#197564

#13784B

#0D7A32

#067D19

#3f64fb Blue Shades

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

#3F64FB

#395AFB

#3250FC

#2C46FC

#263CFD

#2032FD

#1928FD

#131EFE

#0D14FE

#060AFF

Readability Analysis

#3f64fb as Text Color

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

#3f64fb as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.74	AA	Sample Text
Black	4.43	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	`#176bee`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#176fd9`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#1775b1`
Protanopia	No red perception - Dichromacy	`#006fe6`
Deuteranopia	No green perception - Dichromacy	`#0075c6`
Tritanopia	No blue perception - Dichromacy	`#007f87`
Achromatomaly	Partial color blindness - Monochromacy	`#58669d`
Achromatopsia	Complete color blindness - Monochromacy	`#676767`

#3f64fb - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3f64fb Light Tints

#3f64fb Gray Shades

#3f64fb Dark Shades

#3f64fb Red Shades

#3f64fb Green Shades

#3f64fb Blue Shades

Readability Analysis

#3f64fb as Text Color

#3f64fb as Background Color

Color Blindness Simulation

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

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

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

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

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

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