#2a484d hex color

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

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

● #2a484d color description : Very dark desaturated cyan.

The hexadecimal color #2a484d has RGB values of R:42, G:72, B:77 and CMYK values of C:0.45, M:0.06, Y:0, K:0.7. Its decimal value is 2771021.

Hex triplet	2a484d	`#2a484d`
RGB Decimal	42, 72, 77	`rgb(42,72,77)`
RGB Percent	16.5, 28.2, 30.2	`rgb(16.5%,28.2%,30.2%)`
CMYK	45, 6, 0, 70
HSL	188.6°, 29.4, 23.3	`hsl(188.6,29.4%,23.3%)`
HSV (or HSB)	188.6°, 45.5, 30.2
Web Safe	333366	`#333366`

CIE-LAB	28.545, -9.64, -6.512
XYZ	4.611, 5.663, 7.871
xyY	0.254, 0.312, 5.663
CIE-LCH	28.545, 11.634, 214.041
CIE-LUV	28.545, -12.927, -6.673
Hunter-Lab	23.796, -7.052, -2.953
Binary	00101010, 01001000, 01001101

#2a484d
```
#2a484d rgb(42,72,77)
```
#4d2f2a
```
#4d2f2a rgb(77,47,42)
```

Complementary Color

#2a4d41
```
#2a4d41 rgb(42,77,65)
```
#2a484d
```
#2a484d rgb(42,72,77)
```
#2a374d
```
#2a374d rgb(42,55,77)
```

Analogous Color

#4d412a
```
#4d412a rgb(77,65,42)
```
#2a484d
```
#2a484d rgb(42,72,77)
```
#4d2a37
```
#4d2a37 rgb(77,42,55)
```

Split Complementary Color

#484d2a
```
#484d2a rgb(72,77,42)
```
#2a484d
```
#2a484d rgb(42,72,77)
```
#4d2a48
```
#4d2a48 rgb(77,42,72)
```

Triadic Color

#2a4d2f
```
#2a4d2f rgb(42,77,47)
```
#2a484d
```
#2a484d rgb(42,72,77)
```
#4d2a48
```
#4d2a48 rgb(77,42,72)
```
#4d2f2a
```
#4d2f2a rgb(77,47,42)
```

Tetradic Color

#0f1a1c
```
#0f1a1c rgb(15,26,28)
```
#18292c
```
#18292c rgb(24,41,44)
```
#21393d
```
#21393d rgb(33,57,61)
```
#2a484d
```
#2a484d rgb(42,72,77)
```
#33575e
```
#33575e rgb(51,87,94)
```
#3c676e
```
#3c676e rgb(60,103,110)
```
#45767f
```
#45767f rgb(69,118,127)
```

Monochromatic Color

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

#2a4d49
```
#2a4d49 rgb(42,77,73)
```
#2a4d4c
```
#2a4d4c rgb(42,77,76)
```
#2a4b4d
```
#2a4b4d rgb(42,75,77)
```
#2a484d
```
#2a484d rgb(42,72,77)
```
#2a454d
```
#2a454d rgb(42,69,77)
```
#2a424d
```
#2a424d rgb(42,66,77)
```
#2a3f4d
```
#2a3f4d rgb(42,63,77)
```

Similar Colors

Text with hexadecimal color #2a484d

This text has a font color of #2a484d.

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

#2a484d background color

This paragraph has a background color of #2a484d.

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

#2a484d border color

This element has a border color of #2a484d.

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

CSS codes

.text {color:#2a484d;}

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

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

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 #f3f8f9 is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#070d0e
```
#070d0e rgb(7,13,14)
```
#0e191a
```
#0e191a rgb(14,25,26)
```
#152427
```
#152427 rgb(21,36,39)
```
#1c3034
```
#1c3034 rgb(28,48,52)
```
#233c40
```
#233c40 rgb(35,60,64)
```
#2a484d
```
#2a484d rgb(42,72,77)
```
#31545a
```
#31545a rgb(49,84,90)
```
#386066
```
#386066 rgb(56,96,102)
```
#3f6c73
```
#3f6c73 rgb(63,108,115)
```
#467780
```
#467780 rgb(70,119,128)
```
#4d838c
```
#4d838c rgb(77,131,140)
```
#548f99
```
#548f99 rgb(84,143,153)
```

Shade Color Variation

#5b9ba5
```
#5b9ba5 rgb(91,155,165)
```
#68a3ac
```
#68a3ac rgb(104,163,172)
```
#74aab3
```
#74aab3 rgb(116,170,179)
```
#81b2ba
```
#81b2ba rgb(129,178,186)
```
#8ebac1
```
#8ebac1 rgb(142,186,193)
```
#9ac2c8
```
#9ac2c8 rgb(154,194,200)
```
#a7c9cf
```
#a7c9cf rgb(167,201,207)
```
#b4d1d6
```
#b4d1d6 rgb(180,209,214)
```
#c0d9dd
```
#c0d9dd rgb(192,217,221)
```
#cde1e4
```
#cde1e4 rgb(205,225,228)
```
#dae8eb
```
#dae8eb rgb(218,232,235)
```
#e6f0f2
```
#e6f0f2 rgb(230,240,242)
```
#f3f8f9
```
#f3f8f9 rgb(243,248,249)
```

Tint Color Variation

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

#383e3f
```
#383e3f rgb(56,62,63)
```
#334144
```
#334144 rgb(51,65,68)
```
#2f4548
```
#2f4548 rgb(47,69,72)
```
#2a484d
```
#2a484d rgb(42,72,77)
```
#254b52
```
#254b52 rgb(37,75,82)
```
#214f56
```
#214f56 rgb(33,79,86)
```
#1c525b
```
#1c525b rgb(28,82,91)
```
#18555f
```
#18555f rgb(24,85,95)
```
#135864
```
#135864 rgb(19,88,100)
```
#0f5c68
```
#0f5c68 rgb(15,92,104)
```
#0a5f6d
```
#0a5f6d rgb(10,95,109)
```
#056272
```
#056272 rgb(5,98,114)
```
#016576
```
#016576 rgb(1,101,118)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#3c4243 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c4c53 Protanopia 1% of men
#4e4b58 Deuteranopia 1% of men
#355157 Tritanopia 0.001% of the population

Trichromacy

#3f4a51 Protanomaly 1% of men, 0.01% of women
#414a54 Deuteranomaly 6% of men, 0.4% of women
#314d53 Tritanomaly 0.01% of the population

#2a484d hex color

#2a484d Color Information

#2a484d Color Conversion

Color Schemes with #2a484d

Alternatives to #2a484d

#2a484d Preview

Shades and Tints of #2a484d

Tones of #2a484d

Color Blindness Simulator