0 views

#3a5cfc - Color Information

#3a5cfc

Base Information

HEX

#3a5cfc

RGB

58,92,252

HSL

229,97,61

HSV

229,77,99

CMYK

77,63,0,1

LAB

46,43,-83

LCH

46,93,298

XYZ

23,16,94

Web Safe

#3366ff

Web Smart

#3355ff

is dark

Yes

luminosity

0.1558

Pantone Color

Combinations

#3a5cfc complementary
Colors that are opposite to each other, forming a contrasting pair.

#3a5cfc

#FCDA3A

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

#3a5cfc

#FC793A

#BDFC3A

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

#3a5cfc

#FC3A5C

#5CFC3A

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

#3a5cfc

#FC3ABD

#FCDA3A

#3AFC79

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

#3a5cfc

#FCDA3A

#FC793A

#BDFC3A

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

#3a5cfc

#793AFC

#DA3AFC

#FC3ABD

Shades

#3a5cfc Light Tints

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

#3A5CFC

#4E6CFC

#617DFD

#758DFD

#899DFD

#9DAEFE

#B0BEFE

#C4CEFE

#D8DEFE

#EBEFFF

#3a5cfc Gray Shades

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

#3A5CFC

#4160F0

#4863E3

#4F67D7

#566ACA

#5D6EBE

#6472B2

#6B75A5

#727999

#797C8C

#3a5cfc Dark Shades

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

#3A5CFC

#3453E3

#2E4ACA

#2940B0

#233797

#1D2E7E

#172565

#111C4C

#0C1232

#060919

#3a5cfc Red Shades

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

#3A5CFC

#4E53E3

#614ACA

#7540B0

#893797

#9D2E7E

#B02565

#C41C4C

#D81232

#EB0919

#3a5cfc Green Shades

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

#3A5CFC

#3460E3

#2E63CA

#2967B0

#236A97

#1D6E7E

#177265

#11754C

#0C7932

#067C19

#3a5cfc Blue Shades

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

#3A5CFC

#3453FC

#2E4AFD

#2940FD

#2337FD

#1D2EFE

#1725FE

#111CFE

#0C12FE

#0609FF

Readability Analysis

#3a5cfc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.10	AA	Sample Text
Black	4.12	A	Sample Text
Red	1.28	Fail	Sample Text
Green	1.01	Fail	Sample Text
Blue	1.68	Fail	Sample Text

#3a5cfc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.10	AA	Sample Text
Black	4.12	A	Sample Text
Red	1.28	Fail	Sample Text
Green	1.01	Fail	Sample Text
Blue	1.68	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#1565e8`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1569d4`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#156fad`
Protanopia	No red perception - Dichromacy	`#006adc`
Deuteranopia	No green perception - Dichromacy	`#0071bd`
Tritanopia	No blue perception - Dichromacy	`#007981`
Achromatomaly	Partial color blindness - Monochromacy	`#525f99`
Achromatopsia	Complete color blindness - Monochromacy	`#606060`

#3a5cfc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#3a5cfc complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#3a5cfc Light Tints

#3a5cfc Gray Shades

#3a5cfc Dark Shades

#3a5cfc Red Shades

#3a5cfc Green Shades

#3a5cfc Blue Shades

Readability Analysis

#3a5cfc as Text Color

#3a5cfc as Background Color

Color Blindness Simulation

#3a5cfc complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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