#2a4668 hex color

In a RGB color space, hex #2a4668 is composed of 16.5% red, 27.5% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 59.6% cyan, 32.7% magenta, 0% yellow and 59.2% black. It has a hue angle of 212.9 degrees, a saturation of 42.5% and a lightness of 28.6%. #2a4668 color hex could be obtained by blending #548cd0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 16
- G 27
- B 41
RGB color chart
- C 60
- M 33
- Y 0
- K 59
CMYK color chart

● #2a4668 color description : Very dark desaturated blue.

The hexadecimal color #2a4668 has RGB values of R:42, G:70, B:104 and CMYK values of C:0.6, M:0.33, Y:0, K:0.59. Its decimal value is 2770536.

Hex triplet	2a4668	`#2a4668`
RGB Decimal	42, 70, 104	`rgb(42,70,104)`
RGB Percent	16.5, 27.5, 40.8	`rgb(16.5%,27.5%,40.8%)`
CMYK	60, 33, 0, 59
HSL	212.9°, 42.5, 28.6	`hsl(212.9,42.5%,28.6%)`
HSV (or HSB)	212.9°, 59.6, 40.8
Web Safe	333366	`#333366`

CIE-LAB	29.086, 0.72, -23.046
XYZ	5.643, 5.872, 13.932
xyY	0.222, 0.231, 5.872
CIE-LCH	29.086, 23.057, 271.789
CIE-LUV	29.086, -11.824, -29.636
Hunter-Lab	24.232, -0.836, -17.127
Binary	00101010, 01000110, 01101000

#2a4668
```
#2a4668 rgb(42,70,104)
```
#684c2a
```
#684c2a rgb(104,76,42)
```

Complementary Color

#2a6568
```
#2a6568 rgb(42,101,104)
```
#2a4668
```
#2a4668 rgb(42,70,104)
```
#2d2a68
```
#2d2a68 rgb(45,42,104)
```

Analogous Color

#65682a
```
#65682a rgb(101,104,42)
```
#2a4668
```
#2a4668 rgb(42,70,104)
```
#682d2a
```
#682d2a rgb(104,45,42)
```

Split Complementary Color

#46682a
```
#46682a rgb(70,104,42)
```
#2a4668
```
#2a4668 rgb(42,70,104)
```
#682a46
```
#682a46 rgb(104,42,70)
```

Triadic Color

#2a684c
```
#2a684c rgb(42,104,76)
```
#2a4668
```
#2a4668 rgb(42,70,104)
```
#682a46
```
#682a46 rgb(104,42,70)
```
#684c2a
```
#684c2a rgb(104,76,42)
```

Tetradic Color

#142132
```
#142132 rgb(20,33,50)
```
#1b2e44
```
#1b2e44 rgb(27,46,68)
```
#233a56
```
#233a56 rgb(35,58,86)
```
#2a4668
```
#2a4668 rgb(42,70,104)
```
#31527a
```
#31527a rgb(49,82,122)
```
#395e8c
```
#395e8c rgb(57,94,140)
```
#406b9e
```
#406b9e rgb(64,107,158)
```

Monochromatic Color

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

#2a5668
```
#2a5668 rgb(42,86,104)
```
#2a5068
```
#2a5068 rgb(42,80,104)
```
#2a4b68
```
#2a4b68 rgb(42,75,104)
```
#2a4668
```
#2a4668 rgb(42,70,104)
```
#2a4168
```
#2a4168 rgb(42,65,104)
```
#2a3c68
```
#2a3c68 rgb(42,60,104)
```
#2a3768
```
#2a3768 rgb(42,55,104)
```

Similar Colors

Text with hexadecimal color #2a4668

This text has a font color of #2a4668.

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

#2a4668 background color

This paragraph has a background color of #2a4668.

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

#2a4668 border color

This element has a border color of #2a4668.

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

CSS codes

.text {color:#2a4668;}

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

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

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, #030406 is the darkest color, while #f7f9fc is the lightest one.

#030406
```
#030406 rgb(3,4,6)
```
#080e14
```
#080e14 rgb(8,14,20)
```
#0e1722
```
#0e1722 rgb(14,23,34)
```
#132030
```
#132030 rgb(19,32,48)
```
#192a3e
```
#192a3e rgb(25,42,62)
```
#1f334c
```
#1f334c rgb(31,51,76)
```
#243d5a
```
#243d5a rgb(36,61,90)
```
#2a4668
```
#2a4668 rgb(42,70,104)
```
#304f76
```
#304f76 rgb(48,79,118)
```
#355984
```
#355984 rgb(53,89,132)
```
#3b6292
```
#3b6292 rgb(59,98,146)
```
#416ca0
```
#416ca0 rgb(65,108,160)
```
#4675ae
```
#4675ae rgb(70,117,174)
```

Shade Color Variation

#507fb8
```
#507fb8 rgb(80,127,184)
```
#5e89be
```
#5e89be rgb(94,137,190)
```
#6b93c3
```
#6b93c3 rgb(107,147,195)
```
#799dc9
```
#799dc9 rgb(121,157,201)
```
#87a8cf
```
#87a8cf rgb(135,168,207)
```
#95b2d4
```
#95b2d4 rgb(149,178,212)
```
#a3bcda
```
#a3bcda rgb(163,188,218)
```
#b1c6e0
```
#b1c6e0 rgb(177,198,224)
```
#bfd0e5
```
#bfd0e5 rgb(191,208,229)
```
#cddbeb
```
#cddbeb rgb(205,219,235)
```
#dbe5f1
```
#dbe5f1 rgb(219,229,241)
```
#e9eff6
```
#e9eff6 rgb(233,239,246)
```
#f7f9fc
```
#f7f9fc rgb(247,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #46494c is the less saturated color, while #03428f is the most saturated one.

#46494c
```
#46494c rgb(70,73,76)
```
#404852
```
#404852 rgb(64,72,82)
```
#3b4857
```
#3b4857 rgb(59,72,87)
```
#35475d
```
#35475d rgb(53,71,93)
```
#304762
```
#304762 rgb(48,71,98)
```
#2a4668
```
#2a4668 rgb(42,70,104)
```
#24456e
```
#24456e rgb(36,69,110)
```
#1f4573
```
#1f4573 rgb(31,69,115)
```
#194479
```
#194479 rgb(25,68,121)
```
#14447e
```
#14447e rgb(20,68,126)
```
#0e4384
```
#0e4384 rgb(14,67,132)
```
#08438a
```
#08438a rgb(8,67,138)
```
#03428f
```
#03428f rgb(3,66,143)
```

Tone Color Variation

Below, you can see how #2a4668 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

#424242 Achromatopsia 0.005% of the population
#3d434a Atypical Achromatopsia 0.001% of the population

Dichromacy

#424d6e Protanopia 1% of men
#3d4d70 Deuteranopia 1% of men
#2a545a Tritanopia 0.001% of the population

Trichromacy

#394a6b Protanomaly 1% of men, 0.01% of women
#364b6d Deuteranomaly 6% of men, 0.4% of women
#2a4e5f Tritanomaly 0.01% of the population

#2a4668 hex color

#2a4668 Color Information

#2a4668 Color Conversion

Color Schemes with #2a4668

Alternatives to #2a4668

#2a4668 Preview

Shades and Tints of #2a4668

Tones of #2a4668

Color Blindness Simulator