0 views

#317a9c - Color Information

#317a9c

Base Information

HEX

#317a9c

RGB

49,122,156

HSL

199,52,40

HSV

199,69,61

CMYK

69,22,0,39

LAB

48,-11,-25

LCH

48,27,245

XYZ

14,17,34

Web Safe

#336699

Web Smart

#337799

is dark

Yes

luminosity

0.1697

Pantone Color

Combinations

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

#317a9c

#9C5331

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

#317a9c

#9C3144

#9C8931

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

#317a9c

#9C317A

#7A9C31

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

#317a9c

#89319C

#9C5331

#449C31

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

#317a9c

#9C5331

#9C3144

#9C8931

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

#317a9c

#31449C

#53319C

#89319C

Shades

#317a9c Light Tints

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

#317A9C

#4687A6

#5A95B0

#6FA2BA

#83AFC4

#98BDCE

#ADCAD7

#C1D7E1

#D6E4EB

#EAF2F5

#317a9c Gray Shades

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

#317A9C

#397B99

#417B96

#497C94

#517C91

#597D8E

#607E8B

#687E88

#707F86

#787F83

#317a9c Dark Shades

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

#317A9C

#2C6E8C

#27627D

#22556D

#1D495E

#193D4E

#14313E

#0F252F

#0A181F

#050C10

#317a9c Red Shades

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

#317A9C

#466E8C

#5A627D

#6F556D

#83495E

#983D4E

#AD313E

#C1252F

#D6181F

#EA0C10

#317a9c Green Shades

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

#317A9C

#2C7B8C

#277B7D

#227C6D

#1D7C5E

#197D4E

#147E3E

#0F7E2F

#0A7F1F

#057F10

#317a9c Blue Shades

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

#317A9C

#2C6EA6

#2762B0

#2255BA

#1D49C4

#193DCE

#1431D7

#0F25E1

#0A18EB

#050CF5

Readability Analysis

#317a9c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.78	AA	Sample Text
Black	4.39	A	Sample Text
Red	1.20	Fail	Sample Text
Green	1.08	Fail	Sample Text
Blue	1.80	Fail	Sample Text

#317a9c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.78	AA	Sample Text
Black	4.39	A	Sample Text
Red	1.20	Fail	Sample Text
Green	1.08	Fail	Sample Text
Blue	1.80	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#547497`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#50749d`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#2a7c8f`
Protanopia	No red perception - Dichromacy	`#687195`
Deuteranopia	No green perception - Dichromacy	`#62719e`
Tritanopia	No blue perception - Dichromacy	`#267d87`
Achromatomaly	Partial color blindness - Monochromacy	`#57727e`
Achromatopsia	Complete color blindness - Monochromacy	`#6d6d6d`

#317a9c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#317a9c Light Tints

#317a9c Gray Shades

#317a9c Dark Shades

#317a9c Red Shades

#317a9c Green Shades

#317a9c Blue Shades

Readability Analysis

#317a9c as Text Color

#317a9c as Background Color

Color Blindness Simulation

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

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

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

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

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

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