0 views

#3c6bdd - Color Information

#3c6bdd

Base Information

HEX

#3c6bdd

RGB

60,107,221

HSL

222,70,55

HSV

222,73,87

CMYK

73,52,0,13

LAB

48,23,-63

LCH

48,67,290

XYZ

20,17,71

Web Safe

#3366cc

Web Smart

#4466dd

is dark

Yes

luminosity

0.1670

Pantone Color

Combinations

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

#3c6bdd

#DDAE3C

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

#3c6bdd

#DD5E3C

#BBDD3C

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

#3c6bdd

#DD3C6B

#6BDD3C

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

#3c6bdd

#DD3CBB

#DDAE3C

#3CDD5E

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

#3c6bdd

#DDAE3C

#DD5E3C

#BBDD3C

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

#3c6bdd

#5E3CDD

#AE3CDD

#DD3CBB

Shades

#3c6bdd Light Tints

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

#3C6BDD

#507AE0

#6389E4

#7797E7

#8AA6EB

#9EB5EE

#B1C4F1

#C5D3F5

#D8E1F8

#ECF0FC

#3c6bdd Gray Shades

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

#3C6BDD

#436DD4

#4A6FCA

#5071C1

#5773B8

#5E76AF

#6578A5

#6C7A9C

#727C93

#797E89

#3c6bdd Dark Shades

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

#3C6BDD

#3660C7

#3056B1

#2A4B9B

#244085

#1E366F

#182B58

#122042

#0C152C

#060B16

#3c6bdd Red Shades

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

#3C6BDD

#5060C7

#6356B1

#774B9B

#8A4085

#9E366F

#B12B58

#C52042

#D8152C

#EC0B16

#3c6bdd Green Shades

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

#3C6BDD

#366DC7

#306FB1

#2A719B

#247385

#1E766F

#187858

#127A42

#0C7C2C

#067E16

#3c6bdd Blue Shades

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

#3C6BDD

#3660E0

#3056E4

#2A4BE7

#2440EB

#1E36EE

#182BF1

#1220F5

#0C15F8

#060BFC

Readability Analysis

#3c6bdd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.84	AA	Sample Text
Black	4.34	A	Sample Text
Red	1.21	Fail	Sample Text
Green	1.06	Fail	Sample Text
Blue	1.78	Fail	Sample Text

#3c6bdd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.84	AA	Sample Text
Black	4.34	A	Sample Text
Red	1.21	Fail	Sample Text
Green	1.06	Fail	Sample Text
Blue	1.78	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#2b6cde`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1670cf`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#1677a6`
Protanopia	No red perception - Dichromacy	`#216ddf`
Deuteranopia	No green perception - Dichromacy	`#0074c7`
Tritanopia	No blue perception - Dichromacy	`#007d86`
Achromatomaly	Partial color blindness - Monochromacy	`#596a93`
Achromatopsia	Complete color blindness - Monochromacy	`#696969`

#3c6bdd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3c6bdd Light Tints

#3c6bdd Gray Shades

#3c6bdd Dark Shades

#3c6bdd Red Shades

#3c6bdd Green Shades

#3c6bdd Blue Shades

Readability Analysis

#3c6bdd as Text Color

#3c6bdd as Background Color

Color Blindness Simulation

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

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

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

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

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

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