0 views

#4f70a2 - Color Information

#4f70a2

Base Information

HEX

#4f70a2

RGB

79,112,162

HSL

216,34,47

HSV

216,51,64

CMYK

51,31,0,36

LAB

47,3,-31

LCH

47,31,275

XYZ

16,16,36

Web Safe

#666699

Web Smart

#5577aa

is dark

Yes

luminosity

0.1586

Pantone Color

Combinations

#4f70a2 complementary
Colors that are opposite to each other, forming a contrasting pair.

#4f70a2

#A2814F

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

#4f70a2

#A2584F

#99A24F

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

#4f70a2

#A24F70

#70A24F

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

#4f70a2

#A24F99

#A2814F

#4FA258

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

#4f70a2

#A2814F

#A2584F

#99A24F

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

#4f70a2

#584FA2

#814FA2

#A24F99

Shades

#4f70a2 Light Tints

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

#4F70A2

#617EAB

#728DB5

#849BBE

#95A9C7

#A7B8D1

#B9C6DA

#CAD4E3

#DCE2EC

#EDF1F6

#4f70a2 Gray Shades

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

#4F70A2

#54729F

#59739B

#5E7598

#637694

#687891

#6C7A8E

#717B8A

#767D87

#7B7E83

#4f70a2 Dark Shades

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

#4F70A2

#476592

#3F5A82

#374E71

#2F4361

#283851

#202D41

#182231

#101620

#080B10

#4f70a2 Red Shades

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

#4F70A2

#616592

#725A82

#844E71

#954361

#A73851

#B92D41

#CA2231

#DC1620

#ED0B10

#4f70a2 Green Shades

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

#4F70A2

#477292

#3F7382

#377571

#2F7661

#287851

#207A41

#187B31

#107D20

#087E10

#4f70a2 Blue Shades

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

#4F70A2

#4765AB

#3F5AB5

#374EBE

#2F43C7

#2838D1

#202DDA

#1822E3

#1016EC

#080BF6

Readability Analysis

#4f70a2 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.03	AA	Sample Text
Black	4.17	A	Sample Text
Red	1.26	Fail	Sample Text
Green	1.02	Fail	Sample Text
Blue	1.71	Fail	Sample Text

#4f70a2 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.03	AA	Sample Text
Black	4.17	A	Sample Text
Red	1.26	Fail	Sample Text
Green	1.02	Fail	Sample Text
Blue	1.71	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#586ea0`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#556fa2`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#47748c`
Protanopia	No red perception - Dichromacy	`#5e6d9f`
Deuteranopia	No green perception - Dichromacy	`#586ea1`
Tritanopia	No blue perception - Dichromacy	`#437680`
Achromatomaly	Partial color blindness - Monochromacy	`#626e80`
Achromatopsia	Complete color blindness - Monochromacy	`#6d6d6d`

#4f70a2 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#4f70a2 complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#4f70a2 Light Tints

#4f70a2 Gray Shades

#4f70a2 Dark Shades

#4f70a2 Red Shades

#4f70a2 Green Shades

#4f70a2 Blue Shades

Readability Analysis

#4f70a2 as Text Color

#4f70a2 as Background Color

Color Blindness Simulation

#4f70a2 complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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