0 views

#3e6baf - Color Information

#3e6baf

Base Information

HEX

#3e6baf

RGB

62,107,175

HSL

216,48,46

HSV

216,65,69

CMYK

65,39,0,31

LAB

45,7,-41

LCH

45,41,279

XYZ

15,15,43

Web Safe

#336699

Web Smart

#4466aa

is dark

Yes

luminosity

0.1463

Pantone Color

Combinations

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

#3e6baf

#AF823E

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

#3e6baf

#AF4A3E

#A3AF3E

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

#3e6baf

#AF3E6B

#6BAF3E

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

#3e6baf

#AF3EA3

#AF823E

#3EAF4A

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

#3e6baf

#AF823E

#AF4A3E

#A3AF3E

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

#3e6baf

#4A3EAF

#823EAF

#AF3EA3

Shades

#3e6baf Light Tints

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

#3E6BAF

#517AB7

#6589BF

#7897C7

#8BA6CF

#9FB5D7

#B2C4DF

#C5D3E7

#D8E1EF

#ECF0F7

#3e6baf Gray Shades

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

#3E6BAF

#456DAA

#4B6FA6

#5271A1

#58739C

#5F7698

#667893

#6C7A8E

#737C89

#797E85

#3e6baf Dark Shades

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

#3E6BAF

#38609E

#32568C

#2B4B7A

#254069

#1F3658

#192B46

#132034

#0C1523

#060B11

#3e6baf Red Shades

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

#3E6BAF

#51609E

#65568C

#784B7A

#8B4069

#9F3658

#B22B46

#C52034

#D81523

#EC0B11

#3e6baf Green Shades

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

#3E6BAF

#386D9E

#326F8C

#2B717A

#257369

#1F7658

#197846

#137A34

#0C7C23

#067E11

#3e6baf Blue Shades

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

#3E6BAF

#3860B7

#3256BF

#2B4BC7

#2540CF

#1F36D7

#192BDF

#1320E7

#0C15EF

#060BF7

Readability Analysis

#3e6baf as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.35	AA	Sample Text
Black	3.93	A	Sample Text
Red	1.34	Fail	Sample Text
Green	1.04	Fail	Sample Text
Blue	1.61	Fail	Sample Text

#3e6baf as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.35	AA	Sample Text
Black	3.93	A	Sample Text
Red	1.34	Fail	Sample Text
Green	1.04	Fail	Sample Text
Blue	1.61	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#4969ad`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#3e6bae`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#2b7190`
Protanopia	No red perception - Dichromacy	`#4f68ac`
Deuteranopia	No green perception - Dichromacy	`#3e6bad`
Tritanopia	No blue perception - Dichromacy	`#20757e`
Achromatomaly	Partial color blindness - Monochromacy	`#586881`
Achromatopsia	Complete color blindness - Monochromacy	`#666666`

#3e6baf - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3e6baf Light Tints

#3e6baf Gray Shades

#3e6baf Dark Shades

#3e6baf Red Shades

#3e6baf Green Shades

#3e6baf Blue Shades

Readability Analysis

#3e6baf as Text Color

#3e6baf as Background Color

Color Blindness Simulation

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

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

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

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

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

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