0 views

#313dfc - Color Information

#313dfc

Base Information

HEX

#313dfc

RGB

49,61,252

HSL

236,97,59

HSV

236,81,99

CMYK

81,76,0,1

LAB

40,60,-94

LCH

40,112,303

XYZ

21,11,93

Web Safe

#3333ff

Web Smart

#3344ff

is dark

Yes

luminosity

0.1102

Pantone Color

Combinations

#313dfc complementary
Colors that are opposite to each other, forming a contrasting pair.

#313dfc

#FCF031

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

#313dfc

#FC8B31

#A2FC31

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

#313dfc

#FC313D

#3DFC31

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

#313dfc

#FC31A2

#FCF031

#31FC8B

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

#313dfc

#FCF031

#FC8B31

#A2FC31

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

#313dfc

#8B31FC

#F031FC

#FC31A2

Shades

#313dfc Light Tints

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

#313DFC

#4650FC

#5A64FD

#6F77FD

#838BFD

#989EFE

#ADB1FE

#C1C5FE

#D6D8FE

#EAECFF

#313dfc Gray Shades

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

#313DFC

#3944F0

#414AE3

#4951D7

#5158CA

#595FBE

#6065B2

#686CA5

#707399

#78798C

#313dfc Dark Shades

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

#313DFC

#2C37E3

#2731CA

#222BB0

#1D2597

#191F7E

#141865

#0F124C

#0A0C32

#050619

#313dfc Red Shades

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

#313DFC

#4637E3

#5A31CA

#6F2BB0

#832597

#981F7E

#AD1865

#C1124C

#D60C32

#EA0619

#313dfc Green Shades

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

#313DFC

#2C44E3

#274ACA

#2251B0

#1D5897

#195F7E

#146565

#0F6C4C

#0A7332

#057919

#313dfc Blue Shades

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

#313DFC

#2C37FC

#2731FD

#222BFD

#1D25FD

#191FFE

#1418FE

#0F12FE

#0A0CFE

#0506FF

Readability Analysis

#313dfc 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

#313dfc 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	`#1250d3`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1254c1`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#1258a1`
Protanopia	No red perception - Dichromacy	`#005bbb`
Deuteranopia	No green perception - Dichromacy	`#0061a0`
Tritanopia	No blue perception - Dichromacy	`#00686d`
Achromatomaly	Partial color blindness - Monochromacy	`#40448a`
Achromatopsia	Complete color blindness - Monochromacy	`#484848`

#313dfc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#313dfc complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#313dfc Light Tints

#313dfc Gray Shades

#313dfc Dark Shades

#313dfc Red Shades

#313dfc Green Shades

#313dfc Blue Shades

Readability Analysis

#313dfc as Text Color

#313dfc as Background Color

Color Blindness Simulation

#313dfc complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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