0 views

#2a57cf - Color Information

#2a57cf

Base Information

HEX

#2a57cf

RGB

42,87,207

HSL

224,66,49

HSV

224,80,81

CMYK

80,58,0,19

LAB

41,29,-66

LCH

41,72,293

XYZ

16,12,60

Web Safe

#3366cc

Web Smart

#2255cc

is dark

Yes

luminosity

0.1181

Pantone Color

Combinations

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

#2a57cf

#CFA22A

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

#2a57cf

#CF4F2A

#AACF2A

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

#2a57cf

#CF2A57

#57CF2A

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

#2a57cf

#CF2AAA

#CFA22A

#2ACF4F

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

#2a57cf

#CFA22A

#CF4F2A

#AACF2A

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

#2a57cf

#4F2ACF

#A22ACF

#CF2AAA

Shades

#2a57cf Light Tints

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

#2A57CF

#3F68D4

#5579D9

#6A89DD

#7F9AE2

#95ABE7

#AABCEC

#BFCDF1

#D4DDF5

#EAEEFA

#2a57cf Gray Shades

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

#2A57CF

#335BC7

#3B5FBF

#4463B7

#4C67AF

#556CA8

#5E70A0

#667498

#6F7890

#777C88

#2a57cf Dark Shades

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

#2A57CF

#264EBA

#2246A6

#1D3D91

#19347C

#152C68

#112353

#0D1A3E

#081129

#040915

#2a57cf Red Shades

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

#2A57CF

#3F4EBA

#5546A6

#6A3D91

#7F347C

#952C68

#AA2353

#BF1A3E

#D41129

#EA0915

#2a57cf Green Shades

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

#2A57CF

#265BBA

#225FA6

#1D6391

#19677C

#156C68

#117053

#0D743E

#087829

#047C15

#2a57cf Blue Shades

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

#2A57CF

#264ED4

#2246D9

#1D3DDD

#1934E2

#152CE7

#1123EC

#0D1AF1

#0811F5

#0409FA

Readability Analysis

#2a57cf as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.24	AA	Sample Text
Black	3.36	A	Sample Text
Red	1.56	Fail	Sample Text
Green	1.22	Fail	Sample Text
Blue	1.38	Fail	Sample Text

#2a57cf as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.24	AA	Sample Text
Black	3.36	A	Sample Text
Red	1.56	Fail	Sample Text
Green	1.22	Fail	Sample Text
Blue	1.38	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#0f5bc7`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#0f5fb6`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#0f6494`
Protanopia	No red perception - Dichromacy	`#005dc2`
Deuteranopia	No green perception - Dichromacy	`#0063a8`
Tritanopia	No blue perception - Dichromacy	`#006b72`
Achromatomaly	Partial color blindness - Monochromacy	`#465682`
Achromatopsia	Complete color blindness - Monochromacy	`#565656`

#2a57cf - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2a57cf Light Tints

#2a57cf Gray Shades

#2a57cf Dark Shades

#2a57cf Red Shades

#2a57cf Green Shades

#2a57cf Blue Shades

Readability Analysis

#2a57cf as Text Color

#2a57cf as Background Color

Color Blindness Simulation

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

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

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

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

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

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