0 views

#3b57f4 - Color Information

#3b57f4

Base Information

HEX

#3b57f4

RGB

59,87,244

HSL

231,89,59

HSV

231,76,96

CMYK

76,64,0,4

LAB

45,44,-81

LCH

45,92,298

XYZ

22,14,87

Web Safe

#3366ff

Web Smart

#3355ee

is dark

Yes

luminosity

0.1428

Pantone Color

Combinations

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

#3b57f4

#F4D83B

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

#3b57f4

#F47C3B

#B3F43B

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

#3b57f4

#F43B57

#57F43B

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

#3b57f4

#F43BB3

#F4D83B

#3BF47C

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

#3b57f4

#F4D83B

#F47C3B

#B3F43B

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

#3b57f4

#7C3BF4

#D83BF4

#F43BB3

Shades

#3b57f4 Light Tints

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

#3B57F4

#4F68F5

#6279F6

#7689F7

#899AF8

#9DABFA

#B1BCFB

#C4CDFC

#D8DDFD

#EBEEFE

#3b57f4 Gray Shades

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

#3B57F4

#425BE8

#495FDD

#5063D1

#5767C6

#5E6CBA

#6470AE

#6B74A3

#727897

#797C8C

#3b57f4 Dark Shades

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

#3B57F4

#354EDC

#2F46C3

#293DAB

#233492

#1E2C7A

#182362

#121A49

#0C1131

#060918

#3b57f4 Red Shades

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

#3B57F4

#4F4EDC

#6246C3

#763DAB

#893492

#9D2C7A

#B12362

#C41A49

#D81131

#EB0918

#3b57f4 Green Shades

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

#3B57F4

#355BDC

#2F5FC3

#2963AB

#236792

#1E6C7A

#187062

#127449

#0C7831

#067C18

#3b57f4 Blue Shades

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

#3B57F4

#354EF5

#2F46F6

#293DF7

#2334F8

#1E2CFA

#1823FB

#121AFC

#0C11FD

#0609FE

Readability Analysis

#3b57f4 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.45	AA	Sample Text
Black	3.86	A	Sample Text
Red	1.36	Fail	Sample Text
Green	1.06	Fail	Sample Text
Blue	1.58	Fail	Sample Text

#3b57f4 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.45	AA	Sample Text
Black	3.86	A	Sample Text
Red	1.36	Fail	Sample Text
Green	1.06	Fail	Sample Text
Blue	1.58	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#1560df`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1565cc`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#156aa7`
Protanopia	No red perception - Dichromacy	`#0066d3`
Deuteranopia	No green perception - Dichromacy	`#006cb5`
Tritanopia	No blue perception - Dichromacy	`#00757c`
Achromatomaly	Partial color blindness - Monochromacy	`#505a94`
Achromatopsia	Complete color blindness - Monochromacy	`#5c5c5c`

#3b57f4 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3b57f4 Light Tints

#3b57f4 Gray Shades

#3b57f4 Dark Shades

#3b57f4 Red Shades

#3b57f4 Green Shades

#3b57f4 Blue Shades

Readability Analysis

#3b57f4 as Text Color

#3b57f4 as Background Color

Color Blindness Simulation

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

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

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

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

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

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