0 views

#2a78b4 - Color Information

#2a78b4

Base Information

HEX

#2a78b4

RGB

42,120,180

HSL

206,62,44

HSV

206,77,71

CMYK

77,33,0,29

LAB

49,-3,-38

LCH

49,39,266

XYZ

16,17,46

Web Safe

#3366cc

Web Smart

#2277bb

is dark

Yes

luminosity

0.1722

Pantone Color

Combinations

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

#2a78b4

#B4662A

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

#2a78b4

#B42A33

#B4AB2A

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

#2a78b4

#B42A78

#78B42A

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

#2a78b4

#AB2AB4

#B4662A

#33B42A

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

#2a78b4

#B4662A

#B42A33

#B4AB2A

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

#2a78b4

#2A33B4

#662AB4

#AB2AB4

Shades

#2a78b4 Light Tints

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

#2A78B4

#3F86BC

#5593C3

#6AA1CB

#7FAED2

#95BCDA

#AAC9E1

#BFD7E9

#D4E4F0

#EAF2F8

#2a78b4 Gray Shades

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

#2A78B4

#3379AF

#3B7AAA

#447AA4

#4C7B9F

#557C9A

#5E7D95

#667E90

#6F7E8A

#777F85

#2a78b4 Dark Shades

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

#2A78B4

#266CA2

#226090

#1D547E

#19486C

#153C5A

#113048

#0D2436

#081824

#040C12

#2a78b4 Red Shades

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

#2A78B4

#3F6CA2

#556090

#6A547E

#7F486C

#953C5A

#AA3048

#BF2436

#D41824

#EA0C12

#2a78b4 Green Shades

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

#2A78B4

#2679A2

#227A90

#1D7A7E

#197B6C

#157C5A

#117D48

#0D7E36

#087E24

#047F12

#2a78b4 Blue Shades

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

#2A78B4

#266CBC

#2260C3

#1D54CB

#1948D2

#153CDA

#1130E1

#0D24E9

#0818F0

#040CF8

Readability Analysis

#2a78b4 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.73	AA	Sample Text
Black	4.44	A	Sample Text
Red	1.18	Fail	Sample Text
Green	1.09	Fail	Sample Text
Blue	1.82	Fail	Sample Text

#2a78b4 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.73	AA	Sample Text
Black	4.44	A	Sample Text
Red	1.18	Fail	Sample Text
Green	1.09	Fail	Sample Text
Blue	1.82	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#4a73b0`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#4075b4`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#0f7c98`
Protanopia	No red perception - Dichromacy	`#5c71ad`
Deuteranopia	No green perception - Dichromacy	`#4c73b4`
Tritanopia	No blue perception - Dichromacy	`#007f89`
Achromatomaly	Partial color blindness - Monochromacy	`#547086`
Achromatopsia	Complete color blindness - Monochromacy	`#6c6c6c`

#2a78b4 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2a78b4 Light Tints

#2a78b4 Gray Shades

#2a78b4 Dark Shades

#2a78b4 Red Shades

#2a78b4 Green Shades

#2a78b4 Blue Shades

Readability Analysis

#2a78b4 as Text Color

#2a78b4 as Background Color

Color Blindness Simulation

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

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

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

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

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

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