0 views

#3a56e8 - Color Information

#3a56e8

Base Information

HEX

#3a56e8

RGB

58,86,232

HSL

230,79,57

HSV

230,75,91

CMYK

75,63,0,9

LAB

43,40,-77

LCH

43,86,297

XYZ

20,13,78

Web Safe

#3366ff

Web Smart

#3355ee

is dark

Yes

luminosity

0.1338

Pantone Color

Combinations

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

#3a56e8

#E8CC3A

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

#3a56e8

#E8753A

#ADE83A

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

#3a56e8

#E83A56

#56E83A

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

#3a56e8

#E83AAD

#E8CC3A

#3AE875

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

#3a56e8

#E8CC3A

#E8753A

#ADE83A

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

#3a56e8

#753AE8

#CC3AE8

#E83AAD

Shades

#3a56e8 Light Tints

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

#3A56E8

#4E67EA

#6178ED

#7589EF

#899AF1

#9DABF4

#B0BBF6

#C4CCF8

#D8DDFA

#EBEEFD

#3a56e8 Gray Shades

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

#3A56E8

#415ADE

#485ED3

#4F63C9

#5667BE

#5D6BB4

#646FAA

#6B739F

#727895

#797C8A

#3a56e8 Dark Shades

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

#3A56E8

#344DD1

#2E45BA

#293CA2

#23348B

#1D2B74

#17225D

#111A46

#0C112E

#060917

#3a56e8 Red Shades

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

#3A56E8

#4E4DD1

#6145BA

#753CA2

#89348B

#9D2B74

#B0225D

#C41A46

#D8112E

#EB0917

#3a56e8 Green Shades

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

#3A56E8

#345AD1

#2E5EBA

#2963A2

#23678B

#1D6B74

#176F5D

#117346

#0C782E

#067C17

#3a56e8 Blue Shades

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

#3A56E8

#344DEA

#2E45ED

#293CEF

#2334F1

#1D2BF4

#1722F6

#111AF8

#0C11FA

#0609FD

Readability Analysis

#3a56e8 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.71	AA	Sample Text
Black	3.68	A	Sample Text
Red	1.43	Fail	Sample Text
Green	1.11	Fail	Sample Text
Blue	1.50	Fail	Sample Text

#3a56e8 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.71	AA	Sample Text
Black	3.68	A	Sample Text
Red	1.43	Fail	Sample Text
Green	1.11	Fail	Sample Text
Blue	1.50	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#155ed7`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1562c5`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#1567a1`
Protanopia	No red perception - Dichromacy	`#0063cd`
Deuteranopia	No green perception - Dichromacy	`#0069b1`
Tritanopia	No blue perception - Dichromacy	`#007178`
Achromatomaly	Partial color blindness - Monochromacy	`#4f598e`
Achromatopsia	Complete color blindness - Monochromacy	`#5b5b5b`

#3a56e8 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3a56e8 Light Tints

#3a56e8 Gray Shades

#3a56e8 Dark Shades

#3a56e8 Red Shades

#3a56e8 Green Shades

#3a56e8 Blue Shades

Readability Analysis

#3a56e8 as Text Color

#3a56e8 as Background Color

Color Blindness Simulation

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

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

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

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

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

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