0 views

#3a57df - Color Information

#3a57df

Base Information

HEX

#3a57df

RGB

58,87,223

HSL

229,72,55

HSV

229,74,87

CMYK

74,61,0,13

LAB

43,36,-72

LCH

43,81,296

XYZ

18,13,71

Web Safe

#3366cc

Web Smart

#3355dd

is dark

Yes

luminosity

0.1304

Pantone Color

Combinations

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

#3a57df

#DFC23A

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

#3a57df

#DF703A

#A9DF3A

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

#3a57df

#DF3A57

#57DF3A

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

#3a57df

#DF3AA9

#DFC23A

#3ADF70

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

#3a57df

#DFC23A

#DF703A

#A9DF3A

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

#3a57df

#703ADF

#C23ADF

#DF3AA9

Shades

#3a57df Light Tints

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

#3A57DF

#4E68E2

#6179E5

#7589E9

#899AEC

#9DABEF

#B0BCF2

#C4CDF5

#D8DDF9

#EBEEFC

#3a57df Gray Shades

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

#3A57DF

#415BD6

#485FCC

#4F63C3

#5667B9

#5D6CB0

#6470A6

#6B749D

#727893

#797C8A

#3a57df Dark Shades

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

#3A57DF

#344EC9

#2E46B2

#293D9C

#233486

#1D2C70

#172359

#111A43

#0C112D

#060916

#3a57df Red Shades

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

#3A57DF

#4E4EC9

#6146B2

#753D9C

#893486

#9D2C70

#B02359

#C41A43

#D8112D

#EB0916

#3a57df Green Shades

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

#3A57DF

#345BC9

#2E5FB2

#29639C

#236786

#1D6C70

#177059

#117443

#0C782D

#067C16

#3a57df Blue Shades

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

#3A57DF

#344EE2

#2E46E5

#293DE9

#2334EC

#1D2CEF

#1723F2

#111AF5

#0C11F9

#0609FC

Readability Analysis

#3a57df as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.82	AA	Sample Text
Black	3.61	A	Sample Text
Red	1.46	Fail	Sample Text
Green	1.13	Fail	Sample Text
Blue	1.48	Fail	Sample Text

#3a57df as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.82	AA	Sample Text
Black	3.61	A	Sample Text
Red	1.46	Fail	Sample Text
Green	1.13	Fail	Sample Text
Blue	1.48	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#155ed2`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1562c0`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#15679d`
Protanopia	No red perception - Dichromacy	`#0062cb`
Deuteranopia	No green perception - Dichromacy	`#0068af`
Tritanopia	No blue perception - Dichromacy	`#007077`
Achromatomaly	Partial color blindness - Monochromacy	`#4f598b`
Achromatopsia	Complete color blindness - Monochromacy	`#5b5b5b`

#3a57df - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3a57df Light Tints

#3a57df Gray Shades

#3a57df Dark Shades

#3a57df Red Shades

#3a57df Green Shades

#3a57df Blue Shades

Readability Analysis

#3a57df as Text Color

#3a57df as Background Color

Color Blindness Simulation

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

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

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

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

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

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