0 views

#315ca5 - Color Information

#315ca5

Base Information

HEX

#315ca5

RGB

49,92,165

HSL

218,54,42

HSV

218,70,65

CMYK

70,44,0,35

LAB

40,10,-44

LCH

40,45,283

XYZ

12,11,37

Web Safe

#336699

Web Smart

#3355aa

is dark

Yes

luminosity

0.1102

Pantone Color

Combinations

#315ca5 complementary
Colors that are opposite to each other, forming a contrasting pair.

#315ca5

#A57A31

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

#315ca5

#A54031

#96A531

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

#315ca5

#A5315C

#5CA531

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

#315ca5

#A53196

#A57A31

#31A540

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

#315ca5

#A57A31

#A54031

#96A531

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

#315ca5

#4031A5

#7A31A5

#A53196

Shades

#315ca5 Light Tints

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

#315CA5

#466CAE

#5A7DB7

#6F8DC0

#839DC9

#98AED2

#ADBEDB

#C1CEE4

#D6DEED

#EAEFF6

#315ca5 Gray Shades

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

#315CA5

#3960A1

#41639E

#49679A

#516A96

#596E93

#60728F

#68758B

#707987

#787C84

#315ca5 Dark Shades

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

#315CA5

#2C5395

#274A84

#224073

#1D3763

#192E53

#142542

#0F1C31

#0A1221

#050910

#315ca5 Red Shades

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

#315CA5

#465395

#5A4A84

#6F4073

#833763

#982E53

#AD2542

#C11C31

#D61221

#EA0910

#315ca5 Green Shades

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

#315CA5

#2C6095

#276384

#226773

#1D6A63

#196E53

#147242

#0F7531

#0A7921

#057C10

#315ca5 Blue Shades

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

#315CA5

#2C53AE

#274AB7

#2240C0

#1D37C9

#192ED2

#1425DB

#0F1CE4

#0A12ED

#0509F6

Readability Analysis

#315ca5 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.55	AA	Sample Text
Black	3.20	A	Sample Text
Red	1.64	Fail	Sample Text
Green	1.28	Fail	Sample Text
Blue	1.31	Fail	Sample Text

#315ca5 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.55	AA	Sample Text
Black	3.20	A	Sample Text
Red	1.64	Fail	Sample Text
Green	1.28	Fail	Sample Text
Blue	1.31	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#385ca3`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#265ea3`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#126383`
Protanopia	No red perception - Dichromacy	`#3c5ba3`
Deuteranopia	No green perception - Dichromacy	`#205fa2`
Tritanopia	No blue perception - Dichromacy	`#006870`
Achromatomaly	Partial color blindness - Monochromacy	`#4a5a74`
Achromatopsia	Complete color blindness - Monochromacy	`#585858`

#315ca5 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#315ca5 complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#315ca5 Light Tints

#315ca5 Gray Shades

#315ca5 Dark Shades

#315ca5 Red Shades

#315ca5 Green Shades

#315ca5 Blue Shades

Readability Analysis

#315ca5 as Text Color

#315ca5 as Background Color

Color Blindness Simulation

#315ca5 complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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