0 views

#2a5ea3 - Color Information

#2a5ea3

Base Information

HEX

#2a5ea3

RGB

42,94,163

HSL

214,59,40

HSV

214,74,64

CMYK

74,42,0,36

LAB

40,7,-42

LCH

40,43,280

XYZ

12,11,36

Web Safe

#336699

Web Smart

#2266aa

is dark

Yes

luminosity

0.1114

Pantone Color

Combinations

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

#2a5ea3

#A36F2A

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

#2a5ea3

#A3332A

#9BA32A

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

#2a5ea3

#A32A5E

#5EA32A

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

#2a5ea3

#A32A9A

#A36F2A

#2AA333

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

#2a5ea3

#A36F2A

#A3332A

#9BA32A

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

#2a5ea3

#332AA3

#6F2AA3

#A32A9A

Shades

#2a5ea3 Light Tints

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

#2A5EA3

#3F6EAC

#557EB5

#6A8EBF

#7F9EC8

#95AFD1

#AABFDA

#BFCFE3

#D4DFED

#EAEFF6

#2a5ea3 Gray Shades

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

#2A5EA3

#3361A0

#3B659C

#446899

#4C6C95

#556F92

#5E728E

#66768B

#6F7987

#777D84

#2a5ea3 Dark Shades

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

#2A5EA3

#265593

#224B82

#1D4272

#193862

#152F52

#112641

#0D1C31

#081321

#040910

#2a5ea3 Red Shades

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

#2A5EA3

#3F5593

#554B82

#6A4272

#7F3862

#952F52

#AA2641

#BF1C31

#D41321

#EA0910

#2a5ea3 Green Shades

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

#2A5EA3

#266193

#226582

#1D6872

#196C62

#156F52

#117241

#0D7631

#087921

#047D10

#2a5ea3 Blue Shades

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

#2A5EA3

#2655AC

#224BB5

#1D42BF

#1938C8

#152FD1

#1126DA

#0D1CE3

#0813ED

#0409F6

Readability Analysis

#2a5ea3 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.50	AA	Sample Text
Black	3.23	A	Sample Text
Red	1.63	Fail	Sample Text
Green	1.27	Fail	Sample Text
Blue	1.32	Fail	Sample Text

#2a5ea3 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.50	AA	Sample Text
Black	3.23	A	Sample Text
Red	1.63	Fail	Sample Text
Green	1.27	Fail	Sample Text
Blue	1.32	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#385da1`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#285fa2`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#0f6482`
Protanopia	No red perception - Dichromacy	`#3f5ca0`
Deuteranopia	No green perception - Dichromacy	`#265fa1`
Tritanopia	No blue perception - Dichromacy	`#006870`
Achromatomaly	Partial color blindness - Monochromacy	`#475a73`
Achromatopsia	Complete color blindness - Monochromacy	`#585858`

#2a5ea3 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2a5ea3 Light Tints

#2a5ea3 Gray Shades

#2a5ea3 Dark Shades

#2a5ea3 Red Shades

#2a5ea3 Green Shades

#2a5ea3 Blue Shades

Readability Analysis

#2a5ea3 as Text Color

#2a5ea3 as Background Color

Color Blindness Simulation

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

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

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

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

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

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