0 views

#2e77bb - Color Information

#2e77bb

Base Information

HEX

#2e77bb

RGB

46,119,187

HSL

209,61,46

HSV

209,75,73

CMYK

75,36,0,27

LAB

49,1,-42

LCH

49,42,271

XYZ

17,17,49

Web Safe

#3366cc

Web Smart

#3377bb

is dark

Yes

luminosity

0.1736

Pantone Color

Combinations

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

#2e77bb

#BB722E

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

#2e77bb

#BB2E30

#BBB92E

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

#2e77bb

#BB2E77

#77BB2E

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

#2e77bb

#B92EBB

#BB722E

#30BB2E

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

#2e77bb

#BB722E

#BB2E30

#BBB92E

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

#2e77bb

#2E30BB

#722EBB

#B92EBB

Shades

#2e77bb Light Tints

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

#2E77BB

#4385C2

#5892C9

#6DA0CF

#82ADD6

#97BBDD

#ABC9E4

#C0D6EB

#D5E4F1

#EAF1F8

#2e77bb Gray Shades

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

#2E77BB

#3678B5

#3E79AF

#477AA9

#4F7BA3

#577C9E

#5F7C98

#677D92

#707E8C

#787F86

#2e77bb Dark Shades

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

#2E77BB

#296BA8

#255F96

#205383

#1C4770

#173C5E

#12304B

#0E2438

#091825

#050C13

#2e77bb Red Shades

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

#2E77BB

#436BA8

#585F96

#6D5383

#824770

#973C5E

#AB304B

#C02438

#D51825

#EA0C13

#2e77bb Green Shades

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

#2E77BB

#2978A8

#257996

#207A83

#1C7B70

#177C5E

#127C4B

#0E7D38

#097E25

#057F13

#2e77bb Blue Shades

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

#2E77BB

#296BC2

#255FC9

#2053CF

#1C47D6

#173CDD

#1230E4

#0E24EB

#0918F1

#050CF8

Readability Analysis

#2e77bb as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.70	AA	Sample Text
Black	4.47	A	Sample Text
Red	1.17	Fail	Sample Text
Green	1.09	Fail	Sample Text
Blue	1.83	Fail	Sample Text

#2e77bb as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.70	AA	Sample Text
Black	4.47	A	Sample Text
Red	1.17	Fail	Sample Text
Green	1.09	Fail	Sample Text
Blue	1.83	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#4973b7`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#3c75bb`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#117c9b`
Protanopia	No red perception - Dichromacy	`#5871b5`
Deuteranopia	No green perception - Dichromacy	`#4474bb`
Tritanopia	No blue perception - Dichromacy	`#007f89`
Achromatomaly	Partial color blindness - Monochromacy	`#567089`
Achromatopsia	Complete color blindness - Monochromacy	`#6c6c6c`

#2e77bb - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2e77bb Light Tints

#2e77bb Gray Shades

#2e77bb Dark Shades

#2e77bb Red Shades

#2e77bb Green Shades

#2e77bb Blue Shades

Readability Analysis

#2e77bb as Text Color

#2e77bb as Background Color

Color Blindness Simulation

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

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

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

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

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

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