0 views

#3c6dbc - Color Information

#3c6dbc

Base Information

HEX

#3c6dbc

RGB

60,109,188

HSL

217,52,49

HSV

217,68,74

CMYK

68,42,0,26

LAB

46,10,-46

LCH

46,47,282

XYZ

16,16,50

Web Safe

#3366cc

Web Smart

#4466bb

is dark

Yes

luminosity

0.1553

Pantone Color

Combinations

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

#3c6dbc

#BC8B3C

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

#3c6dbc

#BC4B3C

#ADBC3C

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

#3c6dbc

#BC3C6D

#6DBC3C

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

#3c6dbc

#BC3CAD

#BC8B3C

#3CBC4B

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

#3c6dbc

#BC8B3C

#BC4B3C

#ADBC3C

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

#3c6dbc

#4B3CBC

#8B3CBC

#BC3CAD

Shades

#3c6dbc Light Tints

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

#3C6DBC

#507CC3

#638AC9

#7799D0

#8AA7D7

#9EB6DE

#B1C5E4

#C5D3EB

#D8E2F2

#ECF0F8

#3c6dbc Gray Shades

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

#3C6DBC

#436FB6

#4A71B0

#5073AA

#5775A4

#5E779E

#657898

#6C7A92

#727C8C

#797E86

#3c6dbc Dark Shades

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

#3C6DBC

#3662A9

#305796

#2A4C84

#244171

#1E375E

#182C4B

#122138

#0C1626

#060B13

#3c6dbc Red Shades

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

#3C6DBC

#5062A9

#635796

#774C84

#8A4171

#9E375E

#B12C4B

#C52138

#D81626

#EC0B13

#3c6dbc Green Shades

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

#3C6DBC

#366FA9

#307196

#2A7384

#247571

#1E775E

#18784B

#127A38

#0C7C26

#067E13

#3c6dbc Blue Shades

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

#3C6DBC

#3662C3

#3057C9

#2A4CD0

#2441D7

#1E37DE

#182CE4

#1221EB

#0C16F2

#060BF8

Readability Analysis

#3c6dbc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.11	AA	Sample Text
Black	4.11	A	Sample Text
Red	1.28	Fail	Sample Text
Green	1.00	Fail	Sample Text
Blue	1.68	Fail	Sample Text

#3c6dbc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.11	AA	Sample Text
Black	4.11	A	Sample Text
Red	1.28	Fail	Sample Text
Green	1.00	Fail	Sample Text
Blue	1.68	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#456cba`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#356ebb`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#167597`
Protanopia	No red perception - Dichromacy	`#4a6bb9`
Deuteranopia	No green perception - Dichromacy	`#316fba`
Tritanopia	No blue perception - Dichromacy	`#007983`
Achromatomaly	Partial color blindness - Monochromacy	`#586a87`
Achromatopsia	Complete color blindness - Monochromacy	`#686868`

#3c6dbc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3c6dbc Light Tints

#3c6dbc Gray Shades

#3c6dbc Dark Shades

#3c6dbc Red Shades

#3c6dbc Green Shades

#3c6dbc Blue Shades

Readability Analysis

#3c6dbc as Text Color

#3c6dbc as Background Color

Color Blindness Simulation

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

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

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

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

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

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