0 views

#3e5ca0 - Color Information

#3e5ca0

Base Information

HEX

#3e5ca0

RGB

62,92,160

HSL

222,44,44

HSV

222,61,63

CMYK

61,42,0,37

LAB

40,11,-40

LCH

40,42,285

XYZ

12,11,35

Web Safe

#336699

Web Smart

#445599

is dark

Yes

luminosity

0.1122

Pantone Color

Combinations

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

#3e5ca0

#A0823E

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

#3e5ca0

#A0513E

#8DA03E

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

#3e5ca0

#A03E5C

#5CA03E

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

#3e5ca0

#A03E8D

#A0823E

#3EA051

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

#3e5ca0

#A0823E

#A0513E

#8DA03E

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

#3e5ca0

#513EA0

#823EA0

#A03E8D

Shades

#3e5ca0 Light Tints

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

#3E5CA0

#516CAA

#657DB3

#788DBD

#8B9DC6

#9FAED0

#B2BED9

#C5CEE3

#D8DEEC

#ECEFF6

#3e5ca0 Gray Shades

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

#3E5CA0

#45609D

#4B639A

#526796

#586A93

#5F6E90

#66728D

#6C758A

#737986

#797C83

#3e5ca0 Dark Shades

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

#3E5CA0

#385390

#324A80

#2B4070

#253760

#1F2E50

#192540

#131C30

#0C1220

#060910

#3e5ca0 Red Shades

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

#3E5CA0

#515390

#654A80

#784070

#8B3760

#9F2E50

#B22540

#C51C30

#D81220

#EC0910

#3e5ca0 Green Shades

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

#3E5CA0

#386090

#326380

#2B6770

#256A60

#1F6E50

#197240

#137530

#0C7920

#067C10

#3e5ca0 Blue Shades

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

#3E5CA0

#3853AA

#324AB3

#2B40BD

#2537C6

#1F2ED0

#1925D9

#131CE3

#0C12EC

#0609F6

Readability Analysis

#3e5ca0 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.47	AA	Sample Text
Black	3.24	A	Sample Text
Red	1.62	Fail	Sample Text
Green	1.26	Fail	Sample Text
Blue	1.33	Fail	Sample Text

#3e5ca0 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.47	AA	Sample Text
Black	3.24	A	Sample Text
Red	1.62	Fail	Sample Text
Green	1.26	Fail	Sample Text
Blue	1.33	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#405c9f`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#355e9e`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#2e6381`
Protanopia	No red perception - Dichromacy	`#415c9e`
Deuteranopia	No green perception - Dichromacy	`#305f9d`
Tritanopia	No blue perception - Dichromacy	`#25676f`
Achromatomaly	Partial color blindness - Monochromacy	`#505b74`
Achromatopsia	Complete color blindness - Monochromacy	`#5b5b5b`

#3e5ca0 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3e5ca0 Light Tints

#3e5ca0 Gray Shades

#3e5ca0 Dark Shades

#3e5ca0 Red Shades

#3e5ca0 Green Shades

#3e5ca0 Blue Shades

Readability Analysis

#3e5ca0 as Text Color

#3e5ca0 as Background Color

Color Blindness Simulation

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

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

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

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

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

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