0 views

#3b57a4 - Color Information

#3b57a4

Base Information

HEX

#3b57a4

RGB

59,87,164

HSL

224,47,44

HSV

224,64,64

CMYK

64,47,0,36

LAB

39,15,-45

LCH

39,47,288

XYZ

12,10,36

Web Safe

#336699

Web Smart

#3355aa

is dark

Yes

luminosity

0.1043

Pantone Color

Combinations

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

#3b57a4

#A4883B

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

#3b57a4

#A4533B

#8CA43B

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

#3b57a4

#A43B57

#57A43B

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

#3b57a4

#A43B8B

#A4883B

#3BA454

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

#3b57a4

#A4883B

#A4533B

#8CA43B

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

#3b57a4

#543BA4

#883BA4

#A43B8B

Shades

#3b57a4 Light Tints

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

#3B57A4

#4F68AD

#6279B6

#7689BF

#899AC8

#9DABD2

#B1BCDB

#C4CDE4

#D8DDED

#EBEEF6

#3b57a4 Gray Shades

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

#3B57A4

#425BA0

#495F9D

#506399

#576796

#5E6C92

#64708E

#6B748B

#727887

#797C84

#3b57a4 Dark Shades

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

#3B57A4

#354E94

#2F4683

#293D73

#233462

#1E2C52

#182342

#121A31

#0C1121

#060910

#3b57a4 Red Shades

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

#3B57A4

#4F4E94

#624683

#763D73

#893462

#9D2C52

#B12342

#C41A31

#D81121

#EB0910

#3b57a4 Green Shades

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

#3B57A4

#355B94

#2F5F83

#296373

#236762

#1E6C52

#187042

#127431

#0C7821

#067C10

#3b57a4 Blue Shades

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

#3B57A4

#354EAD

#2F46B6

#293DBF

#2334C8

#1E2CD2

#1823DB

#121AE4

#0C11ED

#0609F6

Readability Analysis

#3b57a4 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.81	AA	Sample Text
Black	3.09	A	Sample Text
Red	1.70	Fail	Sample Text
Green	1.32	Fail	Sample Text
Blue	1.26	Fail	Sample Text

#3b57a4 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.81	AA	Sample Text
Black	3.09	A	Sample Text
Red	1.70	Fail	Sample Text
Green	1.32	Fail	Sample Text
Blue	1.26	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#3758a4`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#255ba2`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#246081`
Protanopia	No red perception - Dichromacy	`#3559a4`
Deuteranopia	No green perception - Dichromacy	`#185da0`
Tritanopia	No blue perception - Dichromacy	`#18646d`
Achromatomaly	Partial color blindness - Monochromacy	`#4d5773`
Achromatopsia	Complete color blindness - Monochromacy	`#575757`

#3b57a4 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3b57a4 Light Tints

#3b57a4 Gray Shades

#3b57a4 Dark Shades

#3b57a4 Red Shades

#3b57a4 Green Shades

#3b57a4 Blue Shades

Readability Analysis

#3b57a4 as Text Color

#3b57a4 as Background Color

Color Blindness Simulation

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

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

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

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

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

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