0 views

#2e6bb2 - Color Information

#2e6bb2

Base Information

HEX

#2e6bb2

RGB

46,107,178

HSL

212,59,44

HSV

212,74,70

CMYK

74,40,0,30

LAB

45,5,-43

LCH

45,44,277

XYZ

14,14,44

Web Safe

#336699

Web Smart

#3366aa

is dark

Yes

luminosity

0.1431

Pantone Color

Combinations

#2e6bb2 complementary
Colors that are opposite to each other, forming a contrasting pair.

#2e6bb2

#B2752E

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

#2e6bb2

#B2332E

#ADB22E

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

#2e6bb2

#B22E6B

#6BB22E

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

#2e6bb2

#B22EAD

#B2752E

#2EB233

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

#2e6bb2

#B2752E

#B2332E

#ADB22E

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

#2e6bb2

#332EB2

#752EB2

#B22EAD

Shades

#2e6bb2 Light Tints

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

#2E6BB2

#437ABA

#5889C1

#6D97C9

#82A6D1

#97B5D9

#ABC4E0

#C0D3E8

#D5E1F0

#EAF0F7

#2e6bb2 Gray Shades

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

#2E6BB2

#366DAD

#3E6FA8

#4771A3

#4F739E

#577699

#5F7894

#677A8F

#707C8A

#787E85

#2e6bb2 Dark Shades

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

#2E6BB2

#2960A0

#25568E

#204B7D

#1C406B

#173659

#122B47

#0E2035

#091524

#050B12

#2e6bb2 Red Shades

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

#2E6BB2

#4360A0

#58568E

#6D4B7D

#82406B

#973659

#AB2B47

#C02035

#D51524

#EA0B12

#2e6bb2 Green Shades

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

#2E6BB2

#296DA0

#256F8E

#20717D

#1C736B

#177659

#127847

#0E7A35

#097C24

#057E12

#2e6bb2 Blue Shades

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

#2E6BB2

#2960BA

#2556C1

#204BC9

#1C40D1

#1736D9

#122BE0

#0E20E8

#0915F0

#050BF7

Readability Analysis

#2e6bb2 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.44	AA	Sample Text
Black	3.86	A	Sample Text
Red	1.36	Fail	Sample Text
Green	1.06	Fail	Sample Text
Blue	1.58	Fail	Sample Text

#2e6bb2 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.44	AA	Sample Text
Black	3.86	A	Sample Text
Red	1.36	Fail	Sample Text
Green	1.06	Fail	Sample Text
Blue	1.58	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#4169af`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#326bb1`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#117191`
Protanopia	No red perception - Dichromacy	`#4b67ae`
Deuteranopia	No green perception - Dichromacy	`#346ab1`
Tritanopia	No blue perception - Dichromacy	`#00757d`
Achromatomaly	Partial color blindness - Monochromacy	`#506680`
Achromatopsia	Complete color blindness - Monochromacy	`#636363`

#2e6bb2 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#2e6bb2 complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#2e6bb2 Light Tints

#2e6bb2 Gray Shades

#2e6bb2 Dark Shades

#2e6bb2 Red Shades

#2e6bb2 Green Shades

#2e6bb2 Blue Shades

Readability Analysis

#2e6bb2 as Text Color

#2e6bb2 as Background Color

Color Blindness Simulation

#2e6bb2 complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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