0 views

#3e57a8 - Color Information

#3e57a8

Base Information

HEX

#3e57a8

RGB

62,87,168

HSL

226,46,45

HSV

226,63,66

CMYK

63,48,0,34

LAB

39,17,-47

LCH

39,49,290

XYZ

12,11,38

Web Safe

#336699

Web Smart

#4455aa

is dark

Yes

luminosity

0.1067

Pantone Color

Combinations

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

#3e57a8

#A88F3E

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

#3e57a8

#A85A3E

#8CA83E

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

#3e57a8

#A83E57

#57A83E

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

#3e57a8

#A83E8C

#A88F3E

#3EA85A

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

#3e57a8

#A88F3E

#A85A3E

#8CA83E

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

#3e57a8

#5A3EA8

#8F3EA8

#A83E8C

Shades

#3e57a8 Light Tints

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

#3E57A8

#5168B1

#6579B9

#7889C2

#8B9ACB

#9FABD4

#B2BCDC

#C5CDE5

#D8DDEE

#ECEEF6

#3e57a8 Gray Shades

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

#3E57A8

#455BA4

#4B5FA0

#52639C

#586798

#5F6C94

#667090

#6C748C

#737888

#797C84

#3e57a8 Dark Shades

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

#3E57A8

#384E97

#324686

#2B3D76

#253465

#1F2C54

#192343

#131A32

#0C1122

#060911

#3e57a8 Red Shades

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

#3E57A8

#514E97

#654686

#783D76

#8B3465

#9F2C54

#B22343

#C51A32

#D81122

#EC0911

#3e57a8 Green Shades

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

#3E57A8

#385B97

#325F86

#2B6376

#256765

#1F6C54

#197043

#137432

#0C7822

#067C11

#3e57a8 Blue Shades

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

#3E57A8

#384EB1

#3246B9

#2B3DC2

#2534CB

#1F2CD4

#1923DC

#131AE5

#0C11EE

#0609F6

Readability Analysis

#3e57a8 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.70	AA	Sample Text
Black	3.13	A	Sample Text
Red	1.68	Fail	Sample Text
Green	1.30	Fail	Sample Text
Blue	1.28	Fail	Sample Text

#3e57a8 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.70	AA	Sample Text
Black	3.13	A	Sample Text
Red	1.68	Fail	Sample Text
Green	1.30	Fail	Sample Text
Blue	1.28	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#3659a8`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1e5ba5`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#276083`
Protanopia	No red perception - Dichromacy	`#325aa8`
Deuteranopia	No green perception - Dichromacy	`#0c5ea4`
Tritanopia	No blue perception - Dichromacy	`#1a656e`
Achromatomaly	Partial color blindness - Monochromacy	`#4e5775`
Achromatopsia	Complete color blindness - Monochromacy	`#585858`

#3e57a8 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3e57a8 Light Tints

#3e57a8 Gray Shades

#3e57a8 Dark Shades

#3e57a8 Red Shades

#3e57a8 Green Shades

#3e57a8 Blue Shades

Readability Analysis

#3e57a8 as Text Color

#3e57a8 as Background Color

Color Blindness Simulation

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

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

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

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

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

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