0 views

#2a57d5 - Color Information

#2a57d5

Base Information

HEX

#2a57d5

RGB

42,87,213

HSL

224,67,50

HSV

224,80,84

CMYK

80,59,0,16

LAB

41,31,-69

LCH

41,76,294

XYZ

16,12,64

Web Safe

#3366cc

Web Smart

#2255dd

is dark

Yes

luminosity

0.1211

Pantone Color

Combinations

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

#2a57d5

#D5A82A

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

#2a57d5

#D5532A

#ACD52A

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

#2a57d5

#D52A57

#57D52A

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

#2a57d5

#D52AAC

#D5A82A

#2AD553

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

#2a57d5

#D5A82A

#D5532A

#ACD52A

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

#2a57d5

#532AD5

#A82AD5

#D52AAC

Shades

#2a57d5 Light Tints

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

#2A57D5

#3F68D9

#5579DD

#6A89E2

#7F9AE6

#95ABEA

#AABCEE

#BFCDF2

#D4DDF7

#EAEEFB

#2a57d5 Gray Shades

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

#2A57D5

#335BCD

#3B5FC4

#4463BC

#4C67B3

#556CAB

#5E70A2

#66749A

#6F7891

#777C89

#2a57d5 Dark Shades

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

#2A57D5

#264EC0

#2246AA

#1D3D95

#193480

#152C6B

#112355

#0D1A40

#08112B

#040915

#2a57d5 Red Shades

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

#2A57D5

#3F4EC0

#5546AA

#6A3D95

#7F3480

#952C6B

#AA2355

#BF1A40

#D4112B

#EA0915

#2a57d5 Green Shades

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

#2A57D5

#265BC0

#225FAA

#1D6395

#196780

#156C6B

#117055

#0D7440

#08782B

#047C15

#2a57d5 Blue Shades

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

#2A57D5

#264ED9

#2246DD

#1D3DE2

#1934E6

#152CEA

#1123EE

#0D1AF2

#0811F7

#0409FB

Readability Analysis

#2a57d5 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.14	AA	Sample Text
Black	3.42	A	Sample Text
Red	1.53	Fail	Sample Text
Green	1.19	Fail	Sample Text
Blue	1.40	Fail	Sample Text

#2a57d5 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.14	AA	Sample Text
Black	3.42	A	Sample Text
Red	1.53	Fail	Sample Text
Green	1.19	Fail	Sample Text
Blue	1.40	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#0f5cca`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#0f5fb9`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#0f6597`
Protanopia	No red perception - Dichromacy	`#005ec4`
Deuteranopia	No green perception - Dichromacy	`#0064a9`
Tritanopia	No blue perception - Dichromacy	`#006c73`
Achromatomaly	Partial color blindness - Monochromacy	`#465785`
Achromatopsia	Complete color blindness - Monochromacy	`#575757`

#2a57d5 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2a57d5 Light Tints

#2a57d5 Gray Shades

#2a57d5 Dark Shades

#2a57d5 Red Shades

#2a57d5 Green Shades

#2a57d5 Blue Shades

Readability Analysis

#2a57d5 as Text Color

#2a57d5 as Background Color

Color Blindness Simulation

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

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

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

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

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

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