0 views

#5f70a0 - Color Information

#5f70a0

Base Information

HEX

#5f70a0

RGB

95,112,160

HSL

224,25,50

HSV

224,41,63

CMYK

41,30,0,37

LAB

48,6,-28

LCH

48,29,283

XYZ

17,17,36

Web Safe

#666699

Web Smart

#667799

is dark

Yes

luminosity

0.1656

Pantone Color

Combinations

#5f70a0 complementary
Colors that are opposite to each other, forming a contrasting pair.

#5f70a0

#A08F5F

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

#5f70a0

#A06F5F

#90A05F

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

#5f70a0

#A05F70

#70A05F

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

#5f70a0

#A05F90

#A08F5F

#5FA06F

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

#5f70a0

#A08F5F

#A06F5F

#90A05F

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

#5f70a0

#6F5FA0

#8F5FA0

#A05F90

Shades

#5f70a0 Light Tints

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

#5F70A0

#6F7EAA

#7F8DB3

#8F9BBD

#9FA9C6

#AFB8D0

#BFC6D9

#CFD4E3

#DFE2EC

#EFF1F6

#5f70a0 Gray Shades

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

#5F70A0

#62729D

#66739A

#697596

#6C7693

#707890

#737A8D

#767B8A

#797D86

#7D7E83

#5f70a0 Dark Shades

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

#5F70A0

#566590

#4C5A80

#434E70

#394360

#303850

#262D40

#1C2230

#131620

#090B10

#5f70a0 Red Shades

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

#5F70A0

#6F6590

#7F5A80

#8F4E70

#9F4360

#AF3850

#BF2D40

#CF2230

#DF1620

#EF0B10

#5f70a0 Green Shades

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

#5F70A0

#567290

#4C7380

#437570

#397660

#307850

#267A40

#1C7B30

#137D20

#097E10

#5f70a0 Blue Shades

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

#5F70A0

#5665AA

#4C5AB3

#434EBD

#3943C6

#3038D0

#262DD9

#1C22E3

#1316EC

#090BF6

Readability Analysis

#5f70a0 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.87	AA	Sample Text
Black	4.31	A	Sample Text
Red	1.22	Fail	Sample Text
Green	1.05	Fail	Sample Text
Blue	1.76	Fail	Sample Text

#5f70a0 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.87	AA	Sample Text
Black	4.31	A	Sample Text
Red	1.22	Fail	Sample Text
Green	1.05	Fail	Sample Text
Blue	1.76	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#606f9f`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#5f709f`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#59748b`
Protanopia	No red perception - Dichromacy	`#616f9e`
Deuteranopia	No green perception - Dichromacy	`#5f6f9f`
Tritanopia	No blue perception - Dichromacy	`#56767f`
Achromatomaly	Partial color blindness - Monochromacy	`#6a7081`
Achromatopsia	Complete color blindness - Monochromacy	`#707070`

#5f70a0 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#5f70a0 complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#5f70a0 Light Tints

#5f70a0 Gray Shades

#5f70a0 Dark Shades

#5f70a0 Red Shades

#5f70a0 Green Shades

#5f70a0 Blue Shades

Readability Analysis

#5f70a0 as Text Color

#5f70a0 as Background Color

Color Blindness Simulation

#5f70a0 complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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