0 views

#1e77c4 - Color Information

#1e77c4

Base Information

HEX

#1e77c4

RGB

30,119,196

HSL

208,73,44

HSV

208,85,77

CMYK

85,39,0,23

LAB

49,3,-47

LCH

49,47,273

XYZ

17,17,55

Web Safe

#3366cc

Web Smart

#2277cc

is dark

Yes

luminosity

0.1746

Pantone Color

Combinations

#1e77c4 complementary
Colors that are opposite to each other, forming a contrasting pair.

#1e77c4

#C46B1E

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

#1e77c4

#C41E24

#C4BE1E

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

#1e77c4

#C41E77

#77C41E

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

#1e77c4

#BE1EC4

#C46B1E

#24C41E

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

#1e77c4

#C46B1E

#C41E24

#C4BE1E

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

#1e77c4

#1E24C4

#6B1EC4

#BE1EC4

Shades

#1e77c4 Light Tints

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

#1E77C4

#3485CA

#4B92D0

#62A0D6

#78ADDC

#8FBBE2

#A5C9E7

#BCD6ED

#D2E4F3

#E9F1F9

#1e77c4 Gray Shades

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

#1E77C4

#2878BD

#3279B6

#3B7AB0

#457BA9

#4F7CA2

#597C9B

#637D94

#6C7E8E

#767F87

#1e77c4 Dark Shades

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

#1E77C4

#1B6BB0

#185F9D

#155389

#124776

#0F3C62

#0C304E

#09243B

#061827

#030C14

#1e77c4 Red Shades

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

#1E77C4

#346BB0

#4B5F9D

#625389

#784776

#8F3C62

#A5304E

#BC243B

#D21827

#E90C14

#1e77c4 Green Shades

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

#1E77C4

#1B78B0

#18799D

#157A89

#127B76

#0F7C62

#0C7C4E

#097D3B

#067E27

#037F14

#1e77c4 Blue Shades

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

#1E77C4

#1B6BCA

#185FD0

#1553D6

#1247DC

#0F3CE2

#0C30E7

#0924ED

#0618F3

#030CF9

Readability Analysis

#1e77c4 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.68	AA	Sample Text
Black	4.49	A	Sample Text
Red	1.17	Fail	Sample Text
Green	1.10	Fail	Sample Text
Blue	1.84	Fail	Sample Text

#1e77c4 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.68	AA	Sample Text
Black	4.49	A	Sample Text
Red	1.17	Fail	Sample Text
Green	1.10	Fail	Sample Text
Blue	1.84	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#3f73c0`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#2c75c4`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#0b7d9e`
Protanopia	No red perception - Dichromacy	`#5271be`
Deuteranopia	No green perception - Dichromacy	`#3475c3`
Tritanopia	No blue perception - Dichromacy	`#008089`
Achromatomaly	Partial color blindness - Monochromacy	`#4e6e8a`
Achromatopsia	Complete color blindness - Monochromacy	`#6a6a6a`

#1e77c4 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#1e77c4 complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#1e77c4 Light Tints

#1e77c4 Gray Shades

#1e77c4 Dark Shades

#1e77c4 Red Shades

#1e77c4 Green Shades

#1e77c4 Blue Shades

Readability Analysis

#1e77c4 as Text Color

#1e77c4 as Background Color

Color Blindness Simulation

#1e77c4 complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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