0 views

#317c7c - Color Information

#317c7c

Base Information

HEX

#317c7c

RGB

49,124,124

HSL

180,43,34

HSV

180,60,49

CMYK

60,0,0,51

LAB

48,-23,-7

LCH

48,24,197

XYZ

12,17,22

Web Safe

#336666

Web Smart

#337777

is dark

Yes

luminosity

0.1652

Pantone Color

Combinations

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

#317c7c

#7C3131

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

#317c7c

#7C3157

#7C5731

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

#317c7c

#7C317C

#7C7C31

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

#317c7c

#56317C

#7C3131

#577C31

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

#317c7c

#7C3131

#7C3157

#7C5731

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

#317c7c

#31567C

#31317C

#56317C

Shades

#317c7c Light Tints

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

#317C7C

#468989

#5A9696

#6FA3A3

#83B0B0

#98BEBE

#ADCBCB

#C1D8D8

#D6E5E5

#EAF2F2

#317c7c Gray Shades

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

#317C7C

#397C7C

#417D7D

#497D7D

#517E7E

#597E7E

#607E7E

#687F7F

#707F7F

#788080

#317c7c Dark Shades

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

#317C7C

#2C7070

#276363

#225757

#1D4A4A

#193E3E

#143232

#0F2525

#0A1919

#050C0C

#317c7c Red Shades

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

#317C7C

#467070

#5A6363

#6F5757

#834A4A

#983E3E

#AD3232

#C12525

#D61919

#EA0C0C

#317c7c Green Shades

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

#317C7C

#2C7C70

#277D63

#227D57

#1D7E4A

#197E3E

#147E32

#0F7F25

#0A7F19

#05800C

#317c7c Blue Shades

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

#317C7C

#2C7089

#276396

#2257A3

#1D4AB0

#193EBE

#1432CB

#0F25D8

#0A19E5

#050CF2

Readability Analysis

#317c7c as Text Color

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

#317c7c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.88	AA	Sample Text
Black	4.30	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	`#5a7477`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#5c737f`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#367b81`
Protanopia	No red perception - Dichromacy	`#717075`
Deuteranopia	No green perception - Dichromacy	`#746e80`
Tritanopia	No blue perception - Dichromacy	`#387a84`
Achromatomaly	Partial color blindness - Monochromacy	`#577272`
Achromatopsia	Complete color blindness - Monochromacy	`#6c6c6c`

#317c7c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#317c7c Light Tints

#317c7c Gray Shades

#317c7c Dark Shades

#317c7c Red Shades

#317c7c Green Shades

#317c7c Blue Shades

Readability Analysis

#317c7c as Text Color

#317c7c as Background Color

Color Blindness Simulation

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

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

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

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

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

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