0 views

#3c6bbd - Color Information

#3c6bbd

Base Information

HEX

#3c6bbd

RGB

60,107,189

HSL

218,52,49

HSV

218,68,74

CMYK

68,43,0,26

LAB

46,11,-48

LCH

46,49,283

XYZ

16,15,50

Web Safe

#3366cc

Web Smart

#4466bb

is dark

Yes

luminosity

0.1515

Pantone Color

Combinations

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

#3c6bbd

#BD8E3C

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

#3c6bbd

#BD4D3C

#ACBD3C

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

#3c6bbd

#BD3C6B

#6BBD3C

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

#3c6bbd

#BD3CAB

#BD8E3C

#3CBD4D

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

#3c6bbd

#BD8E3C

#BD4D3C

#ACBD3C

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

#3c6bbd

#4E3CBD

#8E3CBD

#BD3CAB

Shades

#3c6bbd Light Tints

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

#3C6BBD

#507AC4

#6389CA

#7797D1

#8AA6D7

#9EB5DE

#B1C4E5

#C5D3EB

#D8E1F2

#ECF0F8

#3c6bbd Gray Shades

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

#3C6BBD

#436DB7

#4A6FB1

#5071AB

#5773A5

#5E769F

#657898

#6C7A92

#727C8C

#797E86

#3c6bbd Dark Shades

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

#3C6BBD

#3660AA

#305697

#2A4B84

#244071

#1E365F

#182B4C

#122039

#0C1526

#060B13

#3c6bbd Red Shades

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

#3C6BBD

#5060AA

#635697

#774B84

#8A4071

#9E365F

#B12B4C

#C52039

#D81526

#EC0B13

#3c6bbd Green Shades

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

#3C6BBD

#366DAA

#306F97

#2A7184

#247371

#1E765F

#18784C

#127A39

#0C7C26

#067E13

#3c6bbd Blue Shades

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

#3C6BBD

#3660C4

#3056CA

#2A4BD1

#2440D7

#1E36DE

#182BE5

#1220EB

#0C15F2

#060BF8

Readability Analysis

#3c6bbd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.21	AA	Sample Text
Black	4.03	A	Sample Text
Red	1.30	Fail	Sample Text
Green	1.01	Fail	Sample Text
Blue	1.65	Fail	Sample Text

#3c6bbd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.21	AA	Sample Text
Black	4.03	A	Sample Text
Red	1.30	Fail	Sample Text
Green	1.01	Fail	Sample Text
Blue	1.65	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#426abb`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#306dbb`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#167397`
Protanopia	No red perception - Dichromacy	`#466abb`
Deuteranopia	No green perception - Dichromacy	`#296eba`
Tritanopia	No blue perception - Dichromacy	`#007881`
Achromatomaly	Partial color blindness - Monochromacy	`#576886`
Achromatopsia	Complete color blindness - Monochromacy	`#676767`

#3c6bbd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3c6bbd Light Tints

#3c6bbd Gray Shades

#3c6bbd Dark Shades

#3c6bbd Red Shades

#3c6bbd Green Shades

#3c6bbd Blue Shades

Readability Analysis

#3c6bbd as Text Color

#3c6bbd as Background Color

Color Blindness Simulation

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

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

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

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

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

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