#2a3778 hex color

In a RGB color space, hex #2a3778 is composed of 16.5% red, 21.6% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 54.2% magenta, 0% yellow and 52.9% black. It has a hue angle of 230 degrees, a saturation of 48.1% and a lightness of 31.8%. #2a3778 color hex could be obtained by blending #546ef0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 16
- G 22
- B 47
RGB color chart
- C 65
- M 54
- Y 0
- K 53
CMYK color chart

● #2a3778 color description : Dark moderate blue.

The hexadecimal color #2a3778 has RGB values of R:42, G:55, B:120 and CMYK values of C:0.65, M:0.54, Y:0, K:0.53. Its decimal value is 2766712.

Hex triplet	2a3778	`#2a3778`
RGB Decimal	42, 55, 120	`rgb(42,55,120)`
RGB Percent	16.5, 21.6, 47.1	`rgb(16.5%,21.6%,47.1%)`
CMYK	65, 54, 0, 53
HSL	230°, 48.1, 31.8	`hsl(230,48.1%,31.8%)`
HSV (or HSB)	230°, 65, 47.1
Web Safe	333366	`#333366`

CIE-LAB	25.504, 16.934, -38.917
XYZ	5.71, 4.58, 18.351
xyY	0.199, 0.16, 4.58
CIE-LCH	25.504, 42.441, 293.515
CIE-LUV	25.504, -7.1, -49.712
Hunter-Lab	21.402, 10.175, -35.858
Binary	00101010, 00110111, 01111000

#2a3778
```
#2a3778 rgb(42,55,120)
```
#786b2a
```
#786b2a rgb(120,107,42)
```

Complementary Color

#2a5e78
```
#2a5e78 rgb(42,94,120)
```
#2a3778
```
#2a3778 rgb(42,55,120)
```
#442a78
```
#442a78 rgb(68,42,120)
```

Analogous Color

#5e782a
```
#5e782a rgb(94,120,42)
```
#2a3778
```
#2a3778 rgb(42,55,120)
```
#78442a
```
#78442a rgb(120,68,42)
```

Split Complementary Color

#37782a
```
#37782a rgb(55,120,42)
```
#2a3778
```
#2a3778 rgb(42,55,120)
```
#782a37
```
#782a37 rgb(120,42,55)
```

Triadic Color

#2a786b
```
#2a786b rgb(42,120,107)
```
#2a3778
```
#2a3778 rgb(42,55,120)
```
#782a37
```
#782a37 rgb(120,42,55)
```
#786b2a
```
#786b2a rgb(120,107,42)
```

Tetradic Color

#161d3f
```
#161d3f rgb(22,29,63)
```
#1d2652
```
#1d2652 rgb(29,38,82)
```
#232e65
```
#232e65 rgb(35,46,101)
```
#2a3778
```
#2a3778 rgb(42,55,120)
```
#31408b
```
#31408b rgb(49,64,139)
```
#37489e
```
#37489e rgb(55,72,158)
```
#3e51b1
```
#3e51b1 rgb(62,81,177)
```

Monochromatic Color

Below, you can see some colors close to #2a3778. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#2a4b78
```
#2a4b78 rgb(42,75,120)
```
#2a4478
```
#2a4478 rgb(42,68,120)
```
#2a3e78
```
#2a3e78 rgb(42,62,120)
```
#2a3778
```
#2a3778 rgb(42,55,120)
```
#2a3178
```
#2a3178 rgb(42,49,120)
```
#2a2a78
```
#2a2a78 rgb(42,42,120)
```
#302a78
```
#302a78 rgb(48,42,120)
```

Similar Colors

Text with hexadecimal color #2a3778

This text has a font color of #2a3778.

<span style="color:#2a3778;">Text here</span>

#2a3778 background color

This paragraph has a background color of #2a3778.

<p style="background-color:#2a3778;">Content here</p>

#2a3778 border color

This element has a border color of #2a3778.

<div style="border:1px solid #2a3778;">Content here</div>

CSS codes

.text {color:#2a3778;}

.background {background-color:#2a3778;}

.border {border:1px solid #2a3778;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #010204 is the darkest color, while #f4f5fb is the lightest one.

#010204
```
#010204 rgb(1,2,4)
```
#060812
```
#060812 rgb(6,8,18)
```
#0b0f21
```
#0b0f21 rgb(11,15,33)
```
#11162f
```
#11162f rgb(17,22,47)
```
#161c3e
```
#161c3e rgb(22,28,62)
```
#1b234c
```
#1b234c rgb(27,35,76)
```
#202a5b
```
#202a5b rgb(32,42,91)
```
#253069
```
#253069 rgb(37,48,105)
```
#2a3778
```
#2a3778 rgb(42,55,120)
```
#2f3e87
```
#2f3e87 rgb(47,62,135)
```
#344495
```
#344495 rgb(52,68,149)
```
#394ba4
```
#394ba4 rgb(57,75,164)
```
#3e52b2
```
#3e52b2 rgb(62,82,178)
```

Shade Color Variation

#465abe
```
#465abe rgb(70,90,190)
```
#5467c3
```
#5467c3 rgb(84,103,195)
```
#6374c8
```
#6374c8 rgb(99,116,200)
```
#7181cd
```
#7181cd rgb(113,129,205)
```
#808ed3
```
#808ed3 rgb(128,142,211)
```
#8f9bd8
```
#8f9bd8 rgb(143,155,216)
```
#9da8dd
```
#9da8dd rgb(157,168,221)
```
#acb5e2
```
#acb5e2 rgb(172,181,226)
```
#bac2e7
```
#bac2e7 rgb(186,194,231)
```
#c9cfec
```
#c9cfec rgb(201,207,236)
```
#d7dbf1
```
#d7dbf1 rgb(215,219,241)
```
#e6e8f6
```
#e6e8f6 rgb(230,232,246)
```
#f4f5fb
```
#f4f5fb rgb(244,245,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f5053 is the less saturated color, while #051e9d is the most saturated one.

#4f5053
```
#4f5053 rgb(79,80,83)
```
#494c59
```
#494c59 rgb(73,76,89)
```
#43485f
```
#43485f rgb(67,72,95)
```
#3d4365
```
#3d4365 rgb(61,67,101)
```
#363f6c
```
#363f6c rgb(54,63,108)
```
#303b72
```
#303b72 rgb(48,59,114)
```
#2a3778
```
#2a3778 rgb(42,55,120)
```
#24337e
```
#24337e rgb(36,51,126)
```
#1e2f84
```
#1e2f84 rgb(30,47,132)
```
#172b8b
```
#172b8b rgb(23,43,139)
```
#112691
```
#112691 rgb(17,38,145)
```
#0b2297
```
#0b2297 rgb(11,34,151)
```
#051e9d
```
#051e9d rgb(5,30,157)
```

Tone Color Variation

Below, you can see how #2a3778 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#3b3b3b Achromatopsia 0.005% of the population
#383a47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1b4481 Protanopia 1% of men
#004776 Deuteranopia 1% of men
#124d52 Tritanopia 0.001% of the population

Trichromacy

#203f7e Protanomaly 1% of men, 0.01% of women
#0f4177 Deuteranomaly 6% of men, 0.4% of women
#1b4560 Tritanomaly 0.01% of the population

#2a3778 hex color

#2a3778 Color Information

#2a3778 Color Conversion

Color Schemes with #2a3778

Alternatives to #2a3778

#2a3778 Preview

Shades and Tints of #2a3778

Tones of #2a3778

Color Blindness Simulator