0 views

#3b51d6 - Color Information

#3b51d6

Base Information

HEX

#3b51d6

RGB

59,81,214

HSL

231,65,54

HSV

231,72,84

CMYK

72,62,0,16

LAB

41,37,-71

LCH

41,80,297

XYZ

17,12,65

Web Safe

#3366cc

Web Smart

#3355dd

is dark

Yes

luminosity

0.1167

Pantone Color

Combinations

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

#3b51d6

#D6C03B

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

#3b51d6

#D6733B

#9ED63B

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

#3b51d6

#D63B51

#51D63B

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

#3b51d6

#D63B9E

#D6C03B

#3BD673

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

#3b51d6

#D6C03B

#D6733B

#9ED63B

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

#3b51d6

#733BD6

#C03BD6

#D63B9E

Shades

#3b51d6 Light Tints

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

#3B51D6

#4F62DA

#6274DE

#7685E2

#8997E6

#9DA8EB

#B1B9EF

#C4CBF3

#D8DCF7

#EBEEFB

#3b51d6 Gray Shades

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

#3B51D6

#4256CD

#495AC5

#505FBC

#5764B4

#5E69AB

#646DA2

#6B729A

#727791

#797B89

#3b51d6 Dark Shades

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

#3B51D6

#3549C1

#2F41AB

#293996

#233180

#1E296B

#182056

#121840

#0C102B

#060815

#3b51d6 Red Shades

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

#3B51D6

#4F49C1

#6241AB

#763996

#893180

#9D296B

#B12056

#C41840

#D8102B

#EB0815

#3b51d6 Green Shades

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

#3B51D6

#3556C1

#2F5AAB

#295F96

#236480

#1E696B

#186D56

#127240

#0C772B

#067B15

#3b51d6 Blue Shades

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

#3B51D6

#3549DA

#2F41DE

#2939E2

#2331E6

#1E29EB

#1820EF

#1218F3

#0C10F7

#0608FB

Readability Analysis

#3b51d6 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.30	AA	Sample Text
Black	3.33	A	Sample Text
Red	1.58	Fail	Sample Text
Green	1.23	Fail	Sample Text
Blue	1.36	Fail	Sample Text

#3b51d6 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.30	AA	Sample Text
Black	3.33	A	Sample Text
Red	1.58	Fail	Sample Text
Green	1.23	Fail	Sample Text
Blue	1.36	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#1559c9`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#155cb8`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#156196`
Protanopia	No red perception - Dichromacy	`#005dc1`
Deuteranopia	No green perception - Dichromacy	`#0063a6`
Tritanopia	No blue perception - Dichromacy	`#006a71`
Achromatomaly	Partial color blindness - Monochromacy	`#4c5484`
Achromatopsia	Complete color blindness - Monochromacy	`#565656`

#3b51d6 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3b51d6 Light Tints

#3b51d6 Gray Shades

#3b51d6 Dark Shades

#3b51d6 Red Shades

#3b51d6 Green Shades

#3b51d6 Blue Shades

Readability Analysis

#3b51d6 as Text Color

#3b51d6 as Background Color

Color Blindness Simulation

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

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

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

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

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

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