0 views

#2a57e7 - Color Information

#2a57e7

Base Information

HEX

#2a57e7

RGB

42,87,231

HSL

226,80,54

HSV

226,82,91

CMYK

82,62,0,9

LAB

43,37,-77

LCH

43,85,296

XYZ

19,13,77

Web Safe

#3366ff

Web Smart

#2255ee

is dark

Yes

luminosity

0.1308

Pantone Color

Combinations

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

#2a57e7

#E7BA2A

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

#2a57e7

#E75C2A

#B5E72A

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

#2a57e7

#E72A57

#57E72A

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

#2a57e7

#E72AB5

#E7BA2A

#2AE75C

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

#2a57e7

#E7BA2A

#E75C2A

#B5E72A

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

#2a57e7

#5C2AE7

#BA2AE7

#E72AB5

Shades

#2a57e7 Light Tints

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

#2A57E7

#3F68E9

#5579EC

#6A89EE

#7F9AF1

#95ABF3

#AABCF5

#BFCDF8

#D4DDFA

#EAEEFD

#2a57e7 Gray Shades

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

#2A57E7

#335BDD

#3B5FD2

#4463C8

#4C67BE

#556CB4

#5E70A9

#66749F

#6F7895

#777C8A

#2a57e7 Dark Shades

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

#2A57E7

#264ED0

#2246B9

#1D3DA2

#19348B

#152C74

#11235C

#0D1A45

#08112E

#040917

#2a57e7 Red Shades

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

#2A57E7

#3F4ED0

#5546B9

#6A3DA2

#7F348B

#952C74

#AA235C

#BF1A45

#D4112E

#EA0917

#2a57e7 Green Shades

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

#2A57E7

#265BD0

#225FB9

#1D63A2

#19678B

#156C74

#11705C

#0D7445

#08782E

#047C17

#2a57e7 Blue Shades

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

#2A57E7

#264EE9

#2246EC

#1D3DEE

#1934F1

#152CF3

#1123F5

#0D1AF8

#0811FA

#0409FD

Readability Analysis

#2a57e7 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.81	AA	Sample Text
Black	3.62	A	Sample Text
Red	1.45	Fail	Sample Text
Green	1.13	Fail	Sample Text
Blue	1.48	Fail	Sample Text

#2a57e7 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.81	AA	Sample Text
Black	3.62	A	Sample Text
Red	1.45	Fail	Sample Text
Green	1.13	Fail	Sample Text
Blue	1.48	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#0f5ed5`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#0f62c3`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#0f679f`
Protanopia	No red perception - Dichromacy	`#0062cb`
Deuteranopia	No green perception - Dichromacy	`#0068af`
Tritanopia	No blue perception - Dichromacy	`#007077`
Achromatomaly	Partial color blindness - Monochromacy	`#47588c`
Achromatopsia	Complete color blindness - Monochromacy	`#585858`

#2a57e7 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2a57e7 Light Tints

#2a57e7 Gray Shades

#2a57e7 Dark Shades

#2a57e7 Red Shades

#2a57e7 Green Shades

#2a57e7 Blue Shades

Readability Analysis

#2a57e7 as Text Color

#2a57e7 as Background Color

Color Blindness Simulation

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

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

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

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

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

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