0 views

#317a7c - Color Information

#317a7c

Base Information

HEX

#317a7c

RGB

49,122,124

HSL

182,43,34

HSV

182,60,49

CMYK

60,2,0,51

LAB

47,-22,-8

LCH

47,23,200

XYZ

12,16,22

Web Safe

#336666

Web Smart

#337777

is dark

Yes

luminosity

0.1603

Pantone Color

Combinations

#317a7c complementary
Colors that are opposite to each other, forming a contrasting pair.

#317a7c

#7C3331

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

#317a7c

#7C3154

#7C5931

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

#317a7c

#7C317A

#7A7C31

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

#317a7c

#58317C

#7C3331

#547C31

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

#317a7c

#7C3331

#7C3154

#7C5931

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

#317a7c

#31547C

#33317C

#58317C

Shades

#317a7c Light Tints

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

#317A7C

#468789

#5A9596

#6FA2A3

#83AFB0

#98BDBE

#ADCACB

#C1D7D8

#D6E4E5

#EAF2F2

#317a7c Gray Shades

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

#317A7C

#397B7C

#417B7D

#497C7D

#517C7E

#597D7E

#607E7E

#687E7F

#707F7F

#787F80

#317a7c Dark Shades

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

#317A7C

#2C6E70

#276263

#225557

#1D494A

#193D3E

#143132

#0F2525

#0A1819

#050C0C

#317a7c Red Shades

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

#317A7C

#466E70

#5A6263

#6F5557

#83494A

#983D3E

#AD3132

#C12525

#D61819

#EA0C0C

#317a7c Green Shades

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

#317A7C

#2C7B70

#277B63

#227C57

#1D7C4A

#197D3E

#147E32

#0F7E25

#0A7F19

#057F0C

#317a7c Blue Shades

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

#317A7C

#2C6E89

#276296

#2255A3

#1D49B0

#193DBE

#1431CB

#0F25D8

#0A18E5

#050CF2

Readability Analysis

#317a7c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.99	AA	Sample Text
Black	4.21	A	Sample Text
Red	1.25	Fail	Sample Text
Green	1.03	Fail	Sample Text
Blue	1.72	Fail	Sample Text

#317a7c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.99	AA	Sample Text
Black	4.21	A	Sample Text
Red	1.25	Fail	Sample Text
Green	1.03	Fail	Sample Text
Blue	1.72	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#597378`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#5a717e`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#357980`
Protanopia	No red perception - Dichromacy	`#6f6e75`
Deuteranopia	No green perception - Dichromacy	`#726c80`
Tritanopia	No blue perception - Dichromacy	`#387882`
Achromatomaly	Partial color blindness - Monochromacy	`#567071`
Achromatopsia	Complete color blindness - Monochromacy	`#6b6b6b`

#317a7c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#317a7c complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#317a7c Light Tints

#317a7c Gray Shades

#317a7c Dark Shades

#317a7c Red Shades

#317a7c Green Shades

#317a7c Blue Shades

Readability Analysis

#317a7c as Text Color

#317a7c as Background Color

Color Blindness Simulation

#317a7c complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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