0 views

#3c5dbc - Color Information

#3c5dbc

Base Information

HEX

#3c5dbc

RGB

60,93,188

HSL

225,52,49

HSV

225,68,74

CMYK

68,51,0,26

LAB

42,20,-54

LCH

42,57,290

XYZ

15,12,49

Web Safe

#3366cc

Web Smart

#4455bb

is dark

Yes

luminosity

0.1242

Pantone Color

Combinations

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

#3c5dbc

#BC9B3C

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

#3c5dbc

#BC5B3C

#9DBC3C

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

#3c5dbc

#BC3C5D

#5DBC3C

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

#3c5dbc

#BC3C9D

#BC9B3C

#3CBC5B

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

#3c5dbc

#BC9B3C

#BC5B3C

#9DBC3C

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

#3c5dbc

#5B3CBC

#9B3CBC

#BC3C9D

Shades

#3c5dbc Light Tints

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

#3C5DBC

#506DC3

#637DC9

#778ED0

#8A9ED7

#9EAEDE

#B1BEE4

#C5CEEB

#D8DFF2

#ECEFF8

#3c5dbc Gray Shades

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

#3C5DBC

#4361B6

#4A64B0

#5068AA

#576BA4

#5E6F9E

#657298

#6C7692

#72798C

#797D86

#3c5dbc Dark Shades

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

#3C5DBC

#3654A9

#304A96

#2A4184

#243871

#1E2F5E

#18254B

#121C38

#0C1326

#060913

#3c5dbc Red Shades

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

#3C5DBC

#5054A9

#634A96

#774184

#8A3871

#9E2F5E

#B1254B

#C51C38

#D81326

#EC0913

#3c5dbc Green Shades

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

#3C5DBC

#3661A9

#306496

#2A6884

#246B71

#1E6F5E

#18724B

#127638

#0C7926

#067D13

#3c5dbc Blue Shades

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

#3C5DBC

#3654C3

#304AC9

#2A41D0

#2438D7

#1E2FDE

#1825E4

#121CEB

#0C13F2

#0609F8

Readability Analysis

#3c5dbc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.03	AA	Sample Text
Black	3.48	A	Sample Text
Red	1.51	Fail	Sample Text
Green	1.17	Fail	Sample Text
Blue	1.43	Fail	Sample Text

#3c5dbc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.03	AA	Sample Text
Black	3.48	A	Sample Text
Red	1.51	Fail	Sample Text
Green	1.17	Fail	Sample Text
Blue	1.43	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#305fbd`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1662b3`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#16678f`
Protanopia	No red perception - Dichromacy	`#2960bd`
Deuteranopia	No green perception - Dichromacy	`#0065ae`
Tritanopia	No blue perception - Dichromacy	`#006d76`
Achromatomaly	Partial color blindness - Monochromacy	`#515d7f`
Achromatopsia	Complete color blindness - Monochromacy	`#5d5d5d`

#3c5dbc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3c5dbc Light Tints

#3c5dbc Gray Shades

#3c5dbc Dark Shades

#3c5dbc Red Shades

#3c5dbc Green Shades

#3c5dbc Blue Shades

Readability Analysis

#3c5dbc as Text Color

#3c5dbc as Background Color

Color Blindness Simulation

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

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

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

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

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

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