0 views

#2a5c9a - Color Information

#2a5c9a

Base Information

HEX

#2a5c9a

RGB

42,92,154

HSL

213,57,38

HSV

213,73,60

CMYK

73,40,0,40

LAB

39,5,-39

LCH

39,39,277

XYZ

11,10,32

Web Safe

#336699

Web Smart

#225599

is dark

Yes

luminosity

0.1048

Pantone Color

Combinations

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

#2a5c9a

#9A682A

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

#2a5c9a

#9A302A

#949A2A

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

#2a5c9a

#9A2A5C

#5C9A2A

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

#2a5c9a

#9A2A94

#9A682A

#2A9A30

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

#2a5c9a

#9A682A

#9A302A

#949A2A

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

#2a5c9a

#302A9A

#682A9A

#9A2A94

Shades

#2a5c9a Light Tints

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

#2A5C9A

#3F6CA4

#557DAE

#6A8DB8

#7F9DC2

#95AECD

#AABED7

#BFCEE1

#D4DEEB

#EAEFF5

#2a5c9a Gray Shades

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

#2A5C9A

#336097

#3B6395

#446792

#4C6A90

#556E8D

#5E728A

#667588

#6F7985

#777C83

#2a5c9a Dark Shades

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

#2A5C9A

#26538B

#224A7B

#1D406C

#19375C

#152E4D

#11253E

#0D1C2E

#08121F

#04090F

#2a5c9a Red Shades

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

#2A5C9A

#3F538B

#554A7B

#6A406C

#7F375C

#952E4D

#AA253E

#BF1C2E

#D4121F

#EA090F

#2a5c9a Green Shades

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

#2A5C9A

#26608B

#22637B

#1D676C

#196A5C

#156E4D

#11723E

#0D752E

#08791F

#047C0F

#2a5c9a Blue Shades

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

#2A5C9A

#2653A4

#224AAE

#1D40B8

#1937C2

#152ECD

#1125D7

#0D1CE1

#0812EB

#0409F5

Readability Analysis

#2a5c9a as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.78	AA	Sample Text
Black	3.10	A	Sample Text
Red	1.70	Fail	Sample Text
Green	1.32	Fail	Sample Text
Blue	1.27	Fail	Sample Text

#2a5c9a as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.78	AA	Sample Text
Black	3.10	A	Sample Text
Red	1.70	Fail	Sample Text
Green	1.32	Fail	Sample Text
Blue	1.27	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#395a98`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#2d5c99`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#0f627d`
Protanopia	No red perception - Dichromacy	`#425a96`
Deuteranopia	No green perception - Dichromacy	`#2f5c99`
Tritanopia	No blue perception - Dichromacy	`#00656d`
Achromatomaly	Partial color blindness - Monochromacy	`#46586f`
Achromatopsia	Complete color blindness - Monochromacy	`#565656`

#2a5c9a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2a5c9a Light Tints

#2a5c9a Gray Shades

#2a5c9a Dark Shades

#2a5c9a Red Shades

#2a5c9a Green Shades

#2a5c9a Blue Shades

Readability Analysis

#2a5c9a as Text Color

#2a5c9a as Background Color

Color Blindness Simulation

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

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

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

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

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

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