0 views

#3f70a8 - Color Information

#3f70a8

Base Information

HEX

#3f70a8

RGB

63,112,168

HSL

212,45,45

HSV

212,63,66

CMYK

63,33,0,34

LAB

46,1,-35

LCH

46,35,272

XYZ

15,15,39

Web Safe

#336699

Web Smart

#4477aa

is dark

Yes

luminosity

0.1547

Pantone Color

Combinations

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

#3f70a8

#A8773F

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

#3f70a8

#A8433F

#A4A83F

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

#3f70a8

#A83F70

#70A83F

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

#3f70a8

#A83FA4

#A8773F

#3FA843

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

#3f70a8

#A8773F

#A8433F

#A4A83F

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

#3f70a8

#423FA8

#773FA8

#A83FA4

Shades

#3f70a8 Light Tints

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

#3F70A8

#527EB1

#658DB9

#799BC2

#8CA9CB

#9FB8D4

#B2C6DC

#C5D4E5

#D9E2EE

#ECF1F6

#3f70a8 Gray Shades

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

#3F70A8

#4672A4

#4C73A0

#53759C

#597698

#607894

#667A90

#6D7B8C

#737D88

#7A7E84

#3f70a8 Dark Shades

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

#3F70A8

#396597

#325A86

#2C4E76

#264365

#203854

#192D43

#132232

#0D1622

#060B11

#3f70a8 Red Shades

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

#3F70A8

#526597

#655A86

#794E76

#8C4365

#9F3854

#B22D43

#C52232

#D91622

#EC0B11

#3f70a8 Green Shades

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

#3F70A8

#397297

#327386

#2C7576

#267665

#207854

#197A43

#137B32

#0D7D22

#067E11

#3f70a8 Blue Shades

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

#3F70A8

#3965B1

#325AB9

#2C4EC2

#2643CB

#2038D4

#192DDC

#1322E5

#0D16EE

#060BF6

Readability Analysis

#3f70a8 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.13	AA	Sample Text
Black	4.09	A	Sample Text
Red	1.28	Fail	Sample Text
Green	1.00	Fail	Sample Text
Blue	1.68	Fail	Sample Text

#3f70a8 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.13	AA	Sample Text
Black	4.09	A	Sample Text
Red	1.28	Fail	Sample Text
Green	1.00	Fail	Sample Text
Blue	1.68	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#506da5`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#496ea8`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#32758f`
Protanopia	No red perception - Dichromacy	`#596ba3`
Deuteranopia	No green perception - Dichromacy	`#4e6da8`
Tritanopia	No blue perception - Dichromacy	`#2b7781`
Achromatomaly	Partial color blindness - Monochromacy	`#5a6c80`
Achromatopsia	Complete color blindness - Monochromacy	`#6a6a6a`

#3f70a8 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3f70a8 Light Tints

#3f70a8 Gray Shades

#3f70a8 Dark Shades

#3f70a8 Red Shades

#3f70a8 Green Shades

#3f70a8 Blue Shades

Readability Analysis

#3f70a8 as Text Color

#3f70a8 as Background Color

Color Blindness Simulation

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

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

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

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

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

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