#2a4652 hex color

In a RGB color space, hex #2a4652 is composed of 16.5% red, 27.5% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 48.8% cyan, 14.6% magenta, 0% yellow and 67.8% black. It has a hue angle of 198 degrees, a saturation of 32.3% and a lightness of 24.3%. #2a4652 color hex could be obtained by blending #548ca4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 16
- G 27
- B 32
RGB color chart
- C 49
- M 15
- Y 0
- K 68
CMYK color chart

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

The hexadecimal color #2a4652 has RGB values of R:42, G:70, B:82 and CMYK values of C:0.49, M:0.15, Y:0, K:0.68. Its decimal value is 2770514.

Hex triplet	2a4652	`#2a4652`
RGB Decimal	42, 70, 82	`rgb(42,70,82)`
RGB Percent	16.5, 27.5, 32.2	`rgb(16.5%,27.5%,32.2%)`
CMYK	49, 15, 0, 68
HSL	198°, 32.3, 24.3	`hsl(198,32.3%,24.3%)`
HSV (or HSB)	198°, 48.8, 32.2
Web Safe	333366	`#333366`

CIE-LAB	28.065, -6.834, -10.479
XYZ	4.668, 5.482, 8.794
xyY	0.246, 0.289, 5.482
CIE-LCH	28.065, 12.51, 236.888
CIE-LUV	28.065, -12.044, -11.97
Hunter-Lab	23.413, -5.386, -5.882
Binary	00101010, 01000110, 01010010

#2a4652
```
#2a4652 rgb(42,70,82)
```
#52362a
```
#52362a rgb(82,54,42)
```

Complementary Color

#2a524a
```
#2a524a rgb(42,82,74)
```
#2a4652
```
#2a4652 rgb(42,70,82)
```
#2a3252
```
#2a3252 rgb(42,50,82)
```

Analogous Color

#524a2a
```
#524a2a rgb(82,74,42)
```
#2a4652
```
#2a4652 rgb(42,70,82)
```
#522a32
```
#522a32 rgb(82,42,50)
```

Split Complementary Color

#46522a
```
#46522a rgb(70,82,42)
```
#2a4652
```
#2a4652 rgb(42,70,82)
```
#522a46
```
#522a46 rgb(82,42,70)
```

Triadic Color

#2a5236
```
#2a5236 rgb(42,82,54)
```
#2a4652
```
#2a4652 rgb(42,70,82)
```
#522a46
```
#522a46 rgb(82,42,70)
```
#52362a
```
#52362a rgb(82,54,42)
```

Tetradic Color

#101b1f
```
#101b1f rgb(16,27,31)
```
#192930
```
#192930 rgb(25,41,48)
```
#213841
```
#213841 rgb(33,56,65)
```
#2a4652
```
#2a4652 rgb(42,70,82)
```
#335463
```
#335463 rgb(51,84,99)
```
#3b6374
```
#3b6374 rgb(59,99,116)
```
#447185
```
#447185 rgb(68,113,133)
```

Monochromatic Color

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

#2a5052
```
#2a5052 rgb(42,80,82)
```
#2a4d52
```
#2a4d52 rgb(42,77,82)
```
#2a4952
```
#2a4952 rgb(42,73,82)
```
#2a4652
```
#2a4652 rgb(42,70,82)
```
#2a4352
```
#2a4352 rgb(42,67,82)
```
#2a3f52
```
#2a3f52 rgb(42,63,82)
```
#2a3c52
```
#2a3c52 rgb(42,60,82)
```

Similar Colors

Text with hexadecimal color #2a4652

This text has a font color of #2a4652.

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

#2a4652 background color

This paragraph has a background color of #2a4652.

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

#2a4652 border color

This element has a border color of #2a4652.

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

CSS codes

.text {color:#2a4652;}

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

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

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

#020404
```
#020404 rgb(2,4,4)
```
#090f11
```
#090f11 rgb(9,15,17)
```
#0f1a1e
```
#0f1a1e rgb(15,26,30)
```
#16252b
```
#16252b rgb(22,37,43)
```
#1d3038
```
#1d3038 rgb(29,48,56)
```
#233b45
```
#233b45 rgb(35,59,69)
```
#2a4652
```
#2a4652 rgb(42,70,82)
```
#31515f
```
#31515f rgb(49,81,95)
```
#375c6c
```
#375c6c rgb(55,92,108)
```
#3e6779
```
#3e6779 rgb(62,103,121)
```
#457286
```
#457286 rgb(69,114,134)
```
#4b7d93
```
#4b7d93 rgb(75,125,147)
```
#5288a0
```
#5288a0 rgb(82,136,160)
```

Shade Color Variation

#5b93ab
```
#5b93ab rgb(91,147,171)
```
#689bb1
```
#689bb1 rgb(104,155,177)
```
#74a4b8
```
#74a4b8 rgb(116,164,184)
```
#81acbf
```
#81acbf rgb(129,172,191)
```
#8eb5c5
```
#8eb5c5 rgb(142,181,197)
```
#9bbdcc
```
#9bbdcc rgb(155,189,204)
```
#a8c6d3
```
#a8c6d3 rgb(168,198,211)
```
#b5ced9
```
#b5ced9 rgb(181,206,217)
```
#c2d7e0
```
#c2d7e0 rgb(194,215,224)
```
#cfe0e7
```
#cfe0e7 rgb(207,224,231)
```
#dce8ed
```
#dce8ed rgb(220,232,237)
```
#e9f1f4
```
#e9f1f4 rgb(233,241,244)
```
#f6f9fa
```
#f6f9fa rgb(246,249,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3d3e3f is the less saturated color, while #045578 is the most saturated one.

#3d3e3f
```
#3d3e3f rgb(61,62,63)
```
#384044
```
#384044 rgb(56,64,68)
```
#344248
```
#344248 rgb(52,66,72)
```
#2f444d
```
#2f444d rgb(47,68,77)
```
#2a4652
```
#2a4652 rgb(42,70,82)
```
#254857
```
#254857 rgb(37,72,87)
```
#204a5c
```
#204a5c rgb(32,74,92)
```
#1c4c60
```
#1c4c60 rgb(28,76,96)
```
#174e65
```
#174e65 rgb(23,78,101)
```
#12506a
```
#12506a rgb(18,80,106)
```
#0d516f
```
#0d516f rgb(13,81,111)
```
#095373
```
#095373 rgb(9,83,115)
```
#045578
```
#045578 rgb(4,85,120)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#3b4043 Atypical Achromatopsia 0.001% of the population

Dichromacy

#494b58 Protanopia 1% of men
#4a4a5c Deuteranopia 1% of men
#335056 Tritanopia 0.001% of the population

Trichromacy

#3d4956 Protanomaly 1% of men, 0.01% of women
#3e4858 Deuteranomaly 6% of men, 0.4% of women
#2f4c54 Tritanomaly 0.01% of the population

#2a4652 hex color

#2a4652 Color Information

#2a4652 Color Conversion

Color Schemes with #2a4652

Alternatives to #2a4652

#2a4652 Preview

Shades and Tints of #2a4652

Tones of #2a4652

Color Blindness Simulator