#2a3a4d hex color

In a RGB color space, hex #2a3a4d is composed of 16.5% red, 22.7% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 45.5% cyan, 24.7% magenta, 0% yellow and 69.8% black. It has a hue angle of 212.6 degrees, a saturation of 29.4% and a lightness of 23.3%. #2a3a4d color hex could be obtained by blending #54749a with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 16
- G 23
- B 30
RGB color chart
- C 45
- M 25
- Y 0
- K 70
CMYK color chart

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

The hexadecimal color #2a3a4d has RGB values of R:42, G:58, B:77 and CMYK values of C:0.45, M:0.25, Y:0, K:0.7. Its decimal value is 2767437.

Hex triplet	2a3a4d	`#2a3a4d`
RGB Decimal	42, 58, 77	`rgb(42,58,77)`
RGB Percent	16.5, 22.7, 30.2	`rgb(16.5%,22.7%,30.2%)`
CMYK	45, 25, 0, 70
HSL	212.6°, 29.4, 23.3	`hsl(212.6,29.4%,23.3%)`
HSV (or HSB)	212.6°, 45.5, 30.2
Web Safe	333366	`#333366`

CIE-LAB	23.849, -0.687, -13.651
XYZ	3.807, 4.054, 7.603
xyY	0.246, 0.262, 4.054
CIE-LCH	23.849, 13.668, 267.118
CIE-LUV	23.849, -7.332, -15.811
Hunter-Lab	20.135, -1.484, -8.293
Binary	00101010, 00111010, 01001101

#2a3a4d
```
#2a3a4d rgb(42,58,77)
```
#4d3d2a
```
#4d3d2a rgb(77,61,42)
```

Complementary Color

#2a4c4d
```
#2a4c4d rgb(42,76,77)
```
#2a3a4d
```
#2a3a4d rgb(42,58,77)
```
#2c2a4d
```
#2c2a4d rgb(44,42,77)
```

Analogous Color

#4c4d2a
```
#4c4d2a rgb(76,77,42)
```
#2a3a4d
```
#2a3a4d rgb(42,58,77)
```
#4d2c2a
```
#4d2c2a rgb(77,44,42)
```

Split Complementary Color

#3a4d2a
```
#3a4d2a rgb(58,77,42)
```
#2a3a4d
```
#2a3a4d rgb(42,58,77)
```
#4d2a3a
```
#4d2a3a rgb(77,42,58)
```

Triadic Color

#2a4d3d
```
#2a4d3d rgb(42,77,61)
```
#2a3a4d
```
#2a3a4d rgb(42,58,77)
```
#4d2a3a
```
#4d2a3a rgb(77,42,58)
```
#4d3d2a
```
#4d3d2a rgb(77,61,42)
```

Tetradic Color

#0f151c
```
#0f151c rgb(15,21,28)
```
#18212c
```
#18212c rgb(24,33,44)
```
#212e3d
```
#212e3d rgb(33,46,61)
```
#2a3a4d
```
#2a3a4d rgb(42,58,77)
```
#33465e
```
#33465e rgb(51,70,94)
```
#3c536e
```
#3c536e rgb(60,83,110)
```
#455f7f
```
#455f7f rgb(69,95,127)
```

Monochromatic Color

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

#2a434d
```
#2a434d rgb(42,67,77)
```
#2a404d
```
#2a404d rgb(42,64,77)
```
#2a3d4d
```
#2a3d4d rgb(42,61,77)
```
#2a3a4d
```
#2a3a4d rgb(42,58,77)
```
#2a374d
```
#2a374d rgb(42,55,77)
```
#2a344d
```
#2a344d rgb(42,52,77)
```
#2a314d
```
#2a314d rgb(42,49,77)
```

Similar Colors

Text with hexadecimal color #2a3a4d

This text has a font color of #2a3a4d.

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

#2a3a4d background color

This paragraph has a background color of #2a3a4d.

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

#2a3a4d border color

This element has a border color of #2a3a4d.

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

CSS codes

.text {color:#2a3a4d;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#070a0e
```
#070a0e rgb(7,10,14)
```
#0e141a
```
#0e141a rgb(14,20,26)
```
#151d27
```
#151d27 rgb(21,29,39)
```
#1c2734
```
#1c2734 rgb(28,39,52)
```
#233040
```
#233040 rgb(35,48,64)
```
#2a3a4d
```
#2a3a4d rgb(42,58,77)
```
#31445a
```
#31445a rgb(49,68,90)
```
#384d66
```
#384d66 rgb(56,77,102)
```
#3f5773
```
#3f5773 rgb(63,87,115)
```
#466080
```
#466080 rgb(70,96,128)
```
#4d6a8c
```
#4d6a8c rgb(77,106,140)
```
#547399
```
#547399 rgb(84,115,153)
```

Shade Color Variation

#5b7da5
```
#5b7da5 rgb(91,125,165)
```
#6887ac
```
#6887ac rgb(104,135,172)
```
#7491b3
```
#7491b3 rgb(116,145,179)
```
#819bba
```
#819bba rgb(129,155,186)
```
#8ea5c1
```
#8ea5c1 rgb(142,165,193)
```
#9aafc8
```
#9aafc8 rgb(154,175,200)
```
#a7b9cf
```
#a7b9cf rgb(167,185,207)
```
#b4c3d6
```
#b4c3d6 rgb(180,195,214)
```
#c0cddd
```
#c0cddd rgb(192,205,221)
```
#cdd7e4
```
#cdd7e4 rgb(205,215,228)
```
#dae2eb
```
#dae2eb rgb(218,226,235)
```
#e6ecf2
```
#e6ecf2 rgb(230,236,242)
```
#f3f6f9
```
#f3f6f9 rgb(243,246,249)
```

Tint Color Variation

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

#383b3f
```
#383b3f rgb(56,59,63)
```
#333b44
```
#333b44 rgb(51,59,68)
```
#2f3a48
```
#2f3a48 rgb(47,58,72)
```
#2a3a4d
```
#2a3a4d rgb(42,58,77)
```
#253a52
```
#253a52 rgb(37,58,82)
```
#213956
```
#213956 rgb(33,57,86)
```
#1c395b
```
#1c395b rgb(28,57,91)
```
#18385f
```
#18385f rgb(24,56,95)
```
#133864
```
#133864 rgb(19,56,100)
```
#0f3868
```
#0f3868 rgb(15,56,104)
```
#0a376d
```
#0a376d rgb(10,55,109)
```
#053772
```
#053772 rgb(5,55,114)
```
#013676
```
#013676 rgb(1,54,118)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#34383b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d4255 Protanopia 1% of men
#3d4257 Deuteranopia 1% of men
#31464b Tritanopia 0.001% of the population

Trichromacy

#363f52 Protanomaly 1% of men, 0.01% of women
#363f53 Deuteranomaly 6% of men, 0.4% of women
#2e414c Tritanomaly 0.01% of the population

#2a3a4d hex color

#2a3a4d Color Information

#2a3a4d Color Conversion

Color Schemes with #2a3a4d

Alternatives to #2a3a4d

#2a3a4d Preview

Shades and Tints of #2a3a4d

Tones of #2a3a4d

Color Blindness Simulator