0 views

#3f70a5 - Color Information

#3f70a5

Base Information

HEX

#3f70a5

RGB

63,112,165

HSL

211,45,45

HSV

211,62,65

CMYK

62,32,0,35

LAB

46,0,-33

LCH

46,33,270

XYZ

15,15,38

Web Safe

#336699

Web Smart

#4477aa

is dark

Yes

luminosity

0.1536

Pantone Color

Combinations

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

#3f70a5

#A5743F

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

#3f70a5

#A5413F

#A3A53F

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

#3f70a5

#A53F70

#70A53F

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

#3f70a5

#A53FA3

#A5743F

#3FA541

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

#3f70a5

#A5743F

#A5413F

#A3A53F

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

#3f70a5

#413FA5

#743FA5

#A53FA3

Shades

#3f70a5 Light Tints

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

#3F70A5

#527EAE

#658DB7

#799BC0

#8CA9C9

#9FB8D2

#B2C6DB

#C5D4E4

#D9E2ED

#ECF1F6

#3f70a5 Gray Shades

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

#3F70A5

#4672A1

#4C739E

#53759A

#597696

#607893

#667A8F

#6D7B8B

#737D87

#7A7E84

#3f70a5 Dark Shades

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

#3F70A5

#396595

#325A84

#2C4E73

#264363

#203853

#192D42

#132231

#0D1621

#060B10

#3f70a5 Red Shades

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

#3F70A5

#526595

#655A84

#794E73

#8C4363

#9F3853

#B22D42

#C52231

#D91621

#EC0B10

#3f70a5 Green Shades

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

#3F70A5

#397295

#327384

#2C7573

#267663

#207853

#197A42

#137B31

#0D7D21

#067E10

#3f70a5 Blue Shades

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

#3F70A5

#3965AE

#325AB7

#2C4EC0

#2643C9

#2038D2

#192DDB

#1322E4

#0D16ED

#060BF6

Readability Analysis

#3f70a5 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.16	AA	Sample Text
Black	4.07	A	Sample Text
Red	1.29	Fail	Sample Text
Green	1.00	Fail	Sample Text
Blue	1.67	Fail	Sample Text

#3f70a5 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.16	AA	Sample Text
Black	4.07	A	Sample Text
Red	1.29	Fail	Sample Text
Green	1.00	Fail	Sample Text
Blue	1.67	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#506da2`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#4a6ea5`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#34748e`
Protanopia	No red perception - Dichromacy	`#5a6ba0`
Deuteranopia	No green perception - Dichromacy	`#506da5`
Tritanopia	No blue perception - Dichromacy	`#2d7780`
Achromatomaly	Partial color blindness - Monochromacy	`#5a6c7f`
Achromatopsia	Complete color blindness - Monochromacy	`#696969`

#3f70a5 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3f70a5 Light Tints

#3f70a5 Gray Shades

#3f70a5 Dark Shades

#3f70a5 Red Shades

#3f70a5 Green Shades

#3f70a5 Blue Shades

Readability Analysis

#3f70a5 as Text Color

#3f70a5 as Background Color

Color Blindness Simulation

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

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

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

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

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

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