0 views

#3a5cec - Color Information

#3a5cec

Base Information

HEX

#3a5cec

RGB

58,92,236

HSL

229,82,58

HSV

229,75,93

CMYK

75,61,0,7

LAB

45,38,-76

LCH

45,85,296

XYZ

21,15,81

Web Safe

#3366ff

Web Smart

#3355ee

is dark

Yes

luminosity

0.1461

Pantone Color

Combinations

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

#3a5cec

#ECCA3A

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

#3a5cec

#EC713A

#B5EC3A

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

#3a5cec

#EC3A5C

#5CEC3A

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

#3a5cec

#EC3AB5

#ECCA3A

#3AEC71

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

#3a5cec

#ECCA3A

#EC713A

#B5EC3A

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

#3a5cec

#713AEC

#CA3AEC

#EC3AB5

Shades

#3a5cec Light Tints

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

#3A5CEC

#4E6CEE

#617DF0

#758DF2

#899DF4

#9DAEF6

#B0BEF7

#C4CEF9

#D8DEFB

#EBEFFD

#3a5cec Gray Shades

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

#3A5CEC

#4160E1

#4863D6

#4F67CC

#566AC1

#5D6EB6

#6472AB

#6B75A0

#727996

#797C8B

#3a5cec Dark Shades

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

#3A5CEC

#3453D4

#2E4ABD

#2940A5

#23378E

#1D2E76

#17255E

#111C47

#0C122F

#060918

#3a5cec Red Shades

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

#3A5CEC

#4E53D4

#614ABD

#7540A5

#89378E

#9D2E76

#B0255E

#C41C47

#D8122F

#EB0918

#3a5cec Green Shades

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

#3A5CEC

#3460D4

#2E63BD

#2967A5

#236A8E

#1D6E76

#17725E

#117547

#0C792F

#067C18

#3a5cec Blue Shades

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

#3A5CEC

#3453EE

#2E4AF0

#2940F2

#2337F4

#1D2EF6

#1725F7

#111CF9

#0C12FB

#0609FD

Readability Analysis

#3a5cec as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.35	AA	Sample Text
Black	3.92	A	Sample Text
Red	1.34	Fail	Sample Text
Green	1.04	Fail	Sample Text
Blue	1.60	Fail	Sample Text

#3a5cec as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.35	AA	Sample Text
Black	3.92	A	Sample Text
Red	1.34	Fail	Sample Text
Green	1.04	Fail	Sample Text
Blue	1.60	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#1563de`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1567cb`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#156ca5`
Protanopia	No red perception - Dichromacy	`#0067d6`
Deuteranopia	No green perception - Dichromacy	`#006db8`
Tritanopia	No blue perception - Dichromacy	`#00767d`
Achromatomaly	Partial color blindness - Monochromacy	`#525e92`
Achromatopsia	Complete color blindness - Monochromacy	`#5f5f5f`

#3a5cec - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3a5cec Light Tints

#3a5cec Gray Shades

#3a5cec Dark Shades

#3a5cec Red Shades

#3a5cec Green Shades

#3a5cec Blue Shades

Readability Analysis

#3a5cec as Text Color

#3a5cec as Background Color

Color Blindness Simulation

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

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

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

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

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

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