0 views

#1e55f6 - Color Information

#1e55f6

Base Information

HEX

#1e55f6

RGB

30,85,246

HSL

225,92,54

HSV

225,88,96

CMYK

88,65,0,4

LAB

43,43,-84

LCH

43,95,297

XYZ

20,13,89

Web Safe

#3366ff

Web Smart

#2255ee

is dark

Yes

luminosity

0.1343

Pantone Color

Combinations

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

#1e55f6

#F6BF1E

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

#1e55f6

#F6531E

#C1F61E

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

#1e55f6

#F61E55

#55F61E

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

#1e55f6

#F61EC1

#F6BF1E

#1EF653

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

#1e55f6

#F6BF1E

#F6531E

#C1F61E

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

#1e55f6

#531EF6

#BF1EF6

#F61EC1

Shades

#1e55f6 Light Tints

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

#1E55F6

#3466F7

#4B77F8

#6288F9

#7899FA

#8FAAFB

#A5BBFB

#BCCCFC

#D2DDFD

#E9EEFE

#1e55f6 Gray Shades

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

#1E55F6

#2859EA

#325EDE

#3B62D3

#4566C7

#4F6BBB

#596FAF

#6373A3

#6C7798

#767C8C

#1e55f6 Dark Shades

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

#1E55F6

#1B4DDD

#1844C5

#153BAC

#123394

#0F2B7B

#0C2262

#09194A

#061131

#030819

#1e55f6 Red Shades

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

#1E55F6

#344DDD

#4B44C5

#623BAC

#783394

#8F2B7B

#A52262

#BC194A

#D21131

#E90819

#1e55f6 Green Shades

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

#1E55F6

#1B59DD

#185EC5

#1562AC

#126694

#0F6B7B

#0C6F62

#09734A

#067731

#037C19

#1e55f6 Blue Shades

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

#1E55F6

#1B4DF7

#1844F8

#153BF9

#1233FA

#0F2BFB

#0C22FB

#0919FC

#0611FD

#0308FE

Readability Analysis

#1e55f6 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.70	AA	Sample Text
Black	3.69	A	Sample Text
Red	1.43	Fail	Sample Text
Green	1.11	Fail	Sample Text
Blue	1.51	Fail	Sample Text

#1e55f6 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.70	AA	Sample Text
Black	3.69	A	Sample Text
Red	1.43	Fail	Sample Text
Green	1.11	Fail	Sample Text
Blue	1.51	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#0b5edc`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#0b62c9`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#0b67a6`
Protanopia	No red perception - Dichromacy	`#0063cd`
Deuteranopia	No green perception - Dichromacy	`#0069b0`
Tritanopia	No blue perception - Dichromacy	`#007278`
Achromatomaly	Partial color blindness - Monochromacy	`#41558f`
Achromatopsia	Complete color blindness - Monochromacy	`#555555`

#1e55f6 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#1e55f6 Light Tints

#1e55f6 Gray Shades

#1e55f6 Dark Shades

#1e55f6 Red Shades

#1e55f6 Green Shades

#1e55f6 Blue Shades

Readability Analysis

#1e55f6 as Text Color

#1e55f6 as Background Color

Color Blindness Simulation

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

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

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

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

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

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