0 views

#3b6ebc - Color Information

#3b6ebc

Base Information

HEX

#3b6ebc

RGB

59,110,188

HSL

216,52,48

HSV

216,69,74

CMYK

69,41,0,26

LAB

47,9,-46

LCH

47,47,281

XYZ

16,16,50

Web Safe

#3366cc

Web Smart

#3366bb

is dark

Yes

luminosity

0.1571

Pantone Color

Combinations

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

#3b6ebc

#BC893B

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

#3b6ebc

#BC493B

#AEBC3B

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

#3b6ebc

#BC3B6E

#6EBC3B

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

#3b6ebc

#BC3BAE

#BC893B

#3BBC49

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

#3b6ebc

#BC893B

#BC493B

#AEBC3B

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

#3b6ebc

#493BBC

#893BBC

#BC3BAE

Shades

#3b6ebc Light Tints

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

#3B6EBC

#4F7DC3

#628BC9

#769AD0

#89A8D7

#9DB7DE

#B1C5E4

#C4D4EB

#D8E2F2

#EBF1F8

#3b6ebc Gray Shades

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

#3B6EBC

#4270B6

#4972B0

#5073AA

#5775A4

#5E779E

#647998

#6B7B92

#727C8C

#797E86

#3b6ebc Dark Shades

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

#3B6EBC

#3563A9

#2F5896

#294D84

#234271

#1E375E

#182C4B

#122138

#0C1626

#060B13

#3b6ebc Red Shades

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

#3B6EBC

#4F63A9

#625896

#764D84

#894271

#9D375E

#B12C4B

#C42138

#D81626

#EB0B13

#3b6ebc Green Shades

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

#3B6EBC

#3570A9

#2F7296

#297384

#237571

#1E775E

#18794B

#127B38

#0C7C26

#067E13

#3b6ebc Blue Shades

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

#3B6EBC

#3563C3

#2F58C9

#294DD0

#2342D7

#1E37DE

#182CE4

#1221EB

#0C16F2

#060BF8

Readability Analysis

#3b6ebc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.07	AA	Sample Text
Black	4.14	A	Sample Text
Red	1.27	Fail	Sample Text
Green	1.01	Fail	Sample Text
Blue	1.69	Fail	Sample Text

#3b6ebc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.07	AA	Sample Text
Black	4.14	A	Sample Text
Red	1.27	Fail	Sample Text
Green	1.01	Fail	Sample Text
Blue	1.69	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#456cba`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#366fbb`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#157598`
Protanopia	No red perception - Dichromacy	`#4b6cb9`
Deuteranopia	No green perception - Dichromacy	`#336fba`
Tritanopia	No blue perception - Dichromacy	`#007a83`
Achromatomaly	Partial color blindness - Monochromacy	`#586b87`
Achromatopsia	Complete color blindness - Monochromacy	`#696969`

#3b6ebc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3b6ebc Light Tints

#3b6ebc Gray Shades

#3b6ebc Dark Shades

#3b6ebc Red Shades

#3b6ebc Green Shades

#3b6ebc Blue Shades

Readability Analysis

#3b6ebc as Text Color

#3b6ebc as Background Color

Color Blindness Simulation

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

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

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

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

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

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