0 views

#2a57bd - Color Information

#2a57bd

Base Information

HEX

#2a57bd

RGB

42,87,189

HSL

222,64,45

HSV

222,78,74

CMYK

78,54,0,26

LAB

40,22,-58

LCH

40,62,291

XYZ

14,11,50

Web Safe

#3366cc

Web Smart

#2255bb

is dark

Yes

luminosity

0.1098

Pantone Color

Combinations

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

#2a57bd

#BD902A

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

#2a57bd

#BD462A

#A1BD2A

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

#2a57bd

#BD2A57

#57BD2A

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

#2a57bd

#BD2AA1

#BD902A

#2ABD46

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

#2a57bd

#BD902A

#BD462A

#A1BD2A

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

#2a57bd

#462ABD

#902ABD

#BD2AA1

Shades

#2a57bd Light Tints

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

#2A57BD

#3F68C4

#5579CA

#6A89D1

#7F9AD7

#95ABDE

#AABCE5

#BFCDEB

#D4DDF2

#EAEEF8

#2a57bd Gray Shades

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

#2A57BD

#335BB7

#3B5FB1

#4463AB

#4C67A5

#556C9F

#5E7098

#667492

#6F788C

#777C86

#2a57bd Dark Shades

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

#2A57BD

#264EAA

#224697

#1D3D84

#193471

#152C5F

#11234C

#0D1A39

#081126

#040913

#2a57bd Red Shades

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

#2A57BD

#3F4EAA

#554697

#6A3D84

#7F3471

#952C5F

#AA234C

#BF1A39

#D41126

#EA0913

#2a57bd Green Shades

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

#2A57BD

#265BAA

#225F97

#1D6384

#196771

#156C5F

#11704C

#0D7439

#087826

#047C13

#2a57bd Blue Shades

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

#2A57BD

#264EC4

#2246CA

#1D3DD1

#1934D7

#152CDE

#1123E5

#0D1AEB

#0811F2

#0409F8

Readability Analysis

#2a57bd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.57	AA	Sample Text
Black	3.20	A	Sample Text
Red	1.64	Fail	Sample Text
Green	1.28	Fail	Sample Text
Blue	1.31	Fail	Sample Text

#2a57bd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.57	AA	Sample Text
Black	3.20	A	Sample Text
Red	1.64	Fail	Sample Text
Green	1.28	Fail	Sample Text
Blue	1.31	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#0f59bd`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#0f5dad`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#0f628b`
Protanopia	No red perception - Dichromacy	`#005abc`
Deuteranopia	No green perception - Dichromacy	`#0060a3`
Tritanopia	No blue perception - Dichromacy	`#00686e`
Achromatomaly	Partial color blindness - Monochromacy	`#45567b`
Achromatopsia	Complete color blindness - Monochromacy	`#555555`

#2a57bd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2a57bd Light Tints

#2a57bd Gray Shades

#2a57bd Dark Shades

#2a57bd Red Shades

#2a57bd Green Shades

#2a57bd Blue Shades

Readability Analysis

#2a57bd as Text Color

#2a57bd as Background Color

Color Blindness Simulation

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

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

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

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

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

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