0 views

#2a5fb2 - Color Information

#2a5fb2

Base Information

HEX

#2a5fb2

RGB

42,95,178

HSL

217,62,43

HSV

217,76,70

CMYK

76,47,0,30

LAB

41,12,-49

LCH

41,51,284

XYZ

13,12,44

Web Safe

#336699

Web Smart

#2266aa

is dark

Yes

luminosity

0.1189

Pantone Color

Combinations

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

#2a5fb2

#B27D2A

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

#2a5fb2

#B2392A

#A3B22A

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

#2a5fb2

#B22A5F

#5FB22A

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

#2a5fb2

#B22AA3

#B27D2A

#2AB239

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

#2a5fb2

#B27D2A

#B2392A

#A3B22A

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

#2a5fb2

#392AB2

#7D2AB2

#B22AA3

Shades

#2a5fb2 Light Tints

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

#2A5FB2

#3F6FBA

#557FC1

#6A8FC9

#7F9FD1

#95AFD9

#AABFE0

#BFCFE8

#D4DFF0

#EAEFF7

#2a5fb2 Gray Shades

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

#2A5FB2

#3362AD

#3B66A8

#4469A3

#4C6C9E

#557099

#5E7394

#66768F

#6F798A

#777D85

#2a5fb2 Dark Shades

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

#2A5FB2

#2656A0

#224C8E

#1D437D

#19396B

#153059

#112647

#0D1C35

#081324

#040912

#2a5fb2 Red Shades

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

#2A5FB2

#3F56A0

#554C8E

#6A437D

#7F396B

#953059

#AA2647

#BF1C35

#D41324

#EA0912

#2a5fb2 Green Shades

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

#2A5FB2

#2662A0

#22668E

#1D697D

#196C6B

#157059

#117347

#0D7635

#087924

#047D12

#2a5fb2 Blue Shades

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

#2A5FB2

#2656BA

#224CC1

#1D43C9

#1939D1

#1530D9

#1126E0

#0D1CE8

#0813F0

#0409F7

Readability Analysis

#2a5fb2 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.22	AA	Sample Text
Black	3.38	A	Sample Text
Red	1.55	Fail	Sample Text
Green	1.21	Fail	Sample Text
Blue	1.38	Fail	Sample Text

#2a5fb2 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.22	AA	Sample Text
Black	3.38	A	Sample Text
Red	1.55	Fail	Sample Text
Green	1.21	Fail	Sample Text
Blue	1.38	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#325fb1`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#0f61ae`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#0f678a`
Protanopia	No red perception - Dichromacy	`#365eb0`
Deuteranopia	No green perception - Dichromacy	`#0063ac`
Tritanopia	No blue perception - Dichromacy	`#006b73`
Achromatomaly	Partial color blindness - Monochromacy	`#485c7a`
Achromatopsia	Complete color blindness - Monochromacy	`#5a5a5a`

#2a5fb2 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2a5fb2 Light Tints

#2a5fb2 Gray Shades

#2a5fb2 Dark Shades

#2a5fb2 Red Shades

#2a5fb2 Green Shades

#2a5fb2 Blue Shades

Readability Analysis

#2a5fb2 as Text Color

#2a5fb2 as Background Color

Color Blindness Simulation

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

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

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

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

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

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