#2a3440 hex color

In a RGB color space, hex #2a3440 is composed of 16.5% red, 20.4% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 34.4% cyan, 18.8% magenta, 0% yellow and 74.9% black. It has a hue angle of 212.7 degrees, a saturation of 20.8% and a lightness of 20.8%. #2a3440 color hex could be obtained by blending #546880 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 16
- G 20
- B 25
RGB color chart
- C 34
- M 19
- Y 0
- K 75
CMYK color chart

● #2a3440 color description : Very dark grayish blue.

The hexadecimal color #2a3440 has RGB values of R:42, G:52, B:64 and CMYK values of C:0.34, M:0.19, Y:0, K:0.75. Its decimal value is 2765888.

Hex triplet	2a3440	`#2a3440`
RGB Decimal	42, 52, 64	`rgb(42,52,64)`
RGB Percent	16.5, 20.4, 25.1	`rgb(16.5%,20.4%,25.1%)`
CMYK	34, 19, 0, 75
HSL	212.7°, 20.8, 20.8	`hsl(212.7,20.8%,20.8%)`
HSV (or HSB)	212.7°, 34.4, 25.1
Web Safe	333333	`#333333`

CIE-LAB	21.276, -0.783, -8.879
XYZ	3.108, 3.318, 5.327
xyY	0.264, 0.282, 3.318
CIE-LCH	21.276, 8.913, 264.959
CIE-LUV	21.276, -4.787, -9.585
Hunter-Lab	18.216, -1.423, -4.587
Binary	00101010, 00110100, 01000000

#2a3440
```
#2a3440 rgb(42,52,64)
```
#40362a
```
#40362a rgb(64,54,42)
```

Complementary Color

#2a3f40
```
#2a3f40 rgb(42,63,64)
```
#2a3440
```
#2a3440 rgb(42,52,64)
```
#2b2a40
```
#2b2a40 rgb(43,42,64)
```

Analogous Color

#3f402a
```
#3f402a rgb(63,64,42)
```
#2a3440
```
#2a3440 rgb(42,52,64)
```
#402b2a
```
#402b2a rgb(64,43,42)
```

Split Complementary Color

#34402a
```
#34402a rgb(52,64,42)
```
#2a3440
```
#2a3440 rgb(42,52,64)
```
#402a34
```
#402a34 rgb(64,42,52)
```

Triadic Color

#2a4036
```
#2a4036 rgb(42,64,54)
```
#2a3440
```
#2a3440 rgb(42,52,64)
```
#402a34
```
#402a34 rgb(64,42,52)
```
#40362a
```
#40362a rgb(64,54,42)
```

Tetradic Color

#0c0e12
```
#0c0e12 rgb(12,14,18)
```
#161b21
```
#161b21 rgb(22,27,33)
```
#202731
```
#202731 rgb(32,39,49)
```
#2a3440
```
#2a3440 rgb(42,52,64)
```
#34414f
```
#34414f rgb(52,65,79)
```
#3e4d5f
```
#3e4d5f rgb(62,77,95)
```
#485a6e
```
#485a6e rgb(72,90,110)
```

Monochromatic Color

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

#2a3a40
```
#2a3a40 rgb(42,58,64)
```
#2a3840
```
#2a3840 rgb(42,56,64)
```
#2a3640
```
#2a3640 rgb(42,54,64)
```
#2a3440
```
#2a3440 rgb(42,52,64)
```
#2a3240
```
#2a3240 rgb(42,50,64)
```
#2a3040
```
#2a3040 rgb(42,48,64)
```
#2a2f40
```
#2a2f40 rgb(42,47,64)
```

Similar Colors

Text with hexadecimal color #2a3440

This text has a font color of #2a3440.

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

#2a3440 background color

This paragraph has a background color of #2a3440.

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

#2a3440 border color

This element has a border color of #2a3440.

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

CSS codes

.text {color:#2a3440;}

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

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

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

#030405
```
#030405 rgb(3,4,5)
```
#0b0e11
```
#0b0e11 rgb(11,14,17)
```
#13171c
```
#13171c rgb(19,23,28)
```
#1a2128
```
#1a2128 rgb(26,33,40)
```
#222a34
```
#222a34 rgb(34,42,52)
```
#2a3440
```
#2a3440 rgb(42,52,64)
```
#323e4c
```
#323e4c rgb(50,62,76)
```
#3a4758
```
#3a4758 rgb(58,71,88)
```
#415164
```
#415164 rgb(65,81,100)
```
#495a6f
```
#495a6f rgb(73,90,111)
```
#51647b
```
#51647b rgb(81,100,123)
```
#596e87
```
#596e87 rgb(89,110,135)
```
#607793
```
#607793 rgb(96,119,147)
```

Shade Color Variation

#6a819d
```
#6a819d rgb(106,129,157)
```
#768ba5
```
#768ba5 rgb(118,139,165)
```
#8295ad
```
#8295ad rgb(130,149,173)
```
#8d9fb4
```
#8d9fb4 rgb(141,159,180)
```
#99a9bc
```
#99a9bc rgb(153,169,188)
```
#a5b3c4
```
#a5b3c4 rgb(165,179,196)
```
#b1bdcc
```
#b1bdcc rgb(177,189,204)
```
#bdc7d4
```
#bdc7d4 rgb(189,199,212)
```
#c9d1db
```
#c9d1db rgb(201,209,219)
```
#d4dbe3
```
#d4dbe3 rgb(212,219,227)
```
#e0e5eb
```
#e0e5eb rgb(224,229,235)
```
#eceff3
```
#eceff3 rgb(236,239,243)
```
#f8f9fa
```
#f8f9fa rgb(248,249,250)
```

Tint Color Variation

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

#323538
```
#323538 rgb(50,53,56)
```
#2e343c
```
#2e343c rgb(46,52,60)
```
#2a3440
```
#2a3440 rgb(42,52,64)
```
#263444
```
#263444 rgb(38,52,68)
```
#223348
```
#223348 rgb(34,51,72)
```
#1e334c
```
#1e334c rgb(30,51,76)
```
#1a3350
```
#1a3350 rgb(26,51,80)
```
#163254
```
#163254 rgb(22,50,84)
```
#123258
```
#123258 rgb(18,50,88)
```
#0d315d
```
#0d315d rgb(13,49,93)
```
#093161
```
#093161 rgb(9,49,97)
```
#053165
```
#053165 rgb(5,49,101)
```
#013069
```
#013069 rgb(1,48,105)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#303235 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a3d49 Protanopia 1% of men
#3c3c4a Deuteranopia 1% of men
#333f44 Tritanopia 0.001% of the population

Trichromacy

#343945 Protanomaly 1% of men, 0.01% of women
#353946 Deuteranomaly 6% of men, 0.4% of women
#303b42 Tritanomaly 0.01% of the population

#2a3440 hex color

#2a3440 Color Information

#2a3440 Color Conversion

Color Schemes with #2a3440

Alternatives to #2a3440

#2a3440 Preview

Shades and Tints of #2a3440

Tones of #2a3440

Color Blindness Simulator