#2a505d hex color

In a RGB color space, hex #2a505d is composed of 16.5% red, 31.4% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 14% magenta, 0% yellow and 63.5% black. It has a hue angle of 195.3 degrees, a saturation of 37.8% and a lightness of 26.5%. #2a505d color hex could be obtained by blending #54a0ba with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 31
- B 36
RGB color chart
- C 55
- M 14
- Y 0
- K 64
CMYK color chart

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

The hexadecimal color #2a505d has RGB values of R:42, G:80, B:93 and CMYK values of C:0.55, M:0.14, Y:0, K:0.64. Its decimal value is 2773085.

Hex triplet	2a505d	`#2a505d`
RGB Decimal	42, 80, 93	`rgb(42,80,93)`
RGB Percent	16.5, 31.4, 36.5	`rgb(16.5%,31.4%,36.5%)`
CMYK	55, 14, 0, 64
HSL	195.3°, 37.8, 26.5	`hsl(195.3,37.8%,26.5%)`
HSV (or HSB)	195.3°, 54.8, 36.5
Web Safe	336666	`#336666`

CIE-LAB	31.851, -9.42, -11.774
XYZ	5.799, 7.02, 11.405
xyY	0.239, 0.29, 7.02
CIE-LCH	31.851, 15.079, 231.338
CIE-LUV	31.851, -15.821, -13.895
Hunter-Lab	26.494, -7.297, -6.976
Binary	00101010, 01010000, 01011101

#2a505d
```
#2a505d rgb(42,80,93)
```
#5d372a
```
#5d372a rgb(93,55,42)
```

Complementary Color

#2a5d51
```
#2a5d51 rgb(42,93,81)
```
#2a505d
```
#2a505d rgb(42,80,93)
```
#2a375d
```
#2a375d rgb(42,55,93)
```

Analogous Color

#5d512a
```
#5d512a rgb(93,81,42)
```
#2a505d
```
#2a505d rgb(42,80,93)
```
#5d2a37
```
#5d2a37 rgb(93,42,55)
```

Split Complementary Color

#505d2a
```
#505d2a rgb(80,93,42)
```
#2a505d
```
#2a505d rgb(42,80,93)
```
#5d2a50
```
#5d2a50 rgb(93,42,80)
```

Triadic Color

#2a5d37
```
#2a5d37 rgb(42,93,55)
```
#2a505d
```
#2a505d rgb(42,80,93)
```
#5d2a50
```
#5d2a50 rgb(93,42,80)
```
#5d372a
```
#5d372a rgb(93,55,42)
```

Tetradic Color

#122328
```
#122328 rgb(18,35,40)
```
#1a323a
```
#1a323a rgb(26,50,58)
```
#22414b
```
#22414b rgb(34,65,75)
```
#2a505d
```
#2a505d rgb(42,80,93)
```
#325f6f
```
#325f6f rgb(50,95,111)
```
#3a6e80
```
#3a6e80 rgb(58,110,128)
```
#427d92
```
#427d92 rgb(66,125,146)
```

Monochromatic Color

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

#2a5d5d
```
#2a5d5d rgb(42,93,93)
```
#2a595d
```
#2a595d rgb(42,89,93)
```
#2a545d
```
#2a545d rgb(42,84,93)
```
#2a505d
```
#2a505d rgb(42,80,93)
```
#2a4c5d
```
#2a4c5d rgb(42,76,93)
```
#2a485d
```
#2a485d rgb(42,72,93)
```
#2a435d
```
#2a435d rgb(42,67,93)
```

Similar Colors

Text with hexadecimal color #2a505d

This text has a font color of #2a505d.

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

#2a505d background color

This paragraph has a background color of #2a505d.

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

#2a505d border color

This element has a border color of #2a505d.

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

CSS codes

.text {color:#2a505d;}

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

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

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, #050a0c is the darkest color, while #fdfefe is the lightest one.

#050a0c
```
#050a0c rgb(5,10,12)
```
#0b1619
```
#0b1619 rgb(11,22,25)
```
#122227
```
#122227 rgb(18,34,39)
```
#182d34
```
#182d34 rgb(24,45,52)
```
#1e3942
```
#1e3942 rgb(30,57,66)
```
#24444f
```
#24444f rgb(36,68,79)
```
#2a505d
```
#2a505d rgb(42,80,93)
```
#305c6b
```
#305c6b rgb(48,92,107)
```
#366778
```
#366778 rgb(54,103,120)
```
#3c7386
```
#3c7386 rgb(60,115,134)
```
#427e93
```
#427e93 rgb(66,126,147)
```
#498aa1
```
#498aa1 rgb(73,138,161)
```
#4f96ae
```
#4f96ae rgb(79,150,174)
```

Shade Color Variation

#5b9eb5
```
#5b9eb5 rgb(91,158,181)
```
#69a6bb
```
#69a6bb rgb(105,166,187)
```
#76aec1
```
#76aec1 rgb(118,174,193)
```
#84b6c7
```
#84b6c7 rgb(132,182,199)
```
#91becd
```
#91becd rgb(145,190,205)
```
#9fc6d4
```
#9fc6d4 rgb(159,198,212)
```
#acceda
```
#acceda rgb(172,206,218)
```
#bad6e0
```
#bad6e0 rgb(186,214,224)
```
#c7dee6
```
#c7dee6 rgb(199,222,230)
```
#d5e6ec
```
#d5e6ec rgb(213,230,236)
```
#e2eef2
```
#e2eef2 rgb(226,238,242)
```
#f0f6f8
```
#f0f6f8 rgb(240,246,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#3f4648
```
#3f4648 rgb(63,70,72)
```
#3a484d
```
#3a484d rgb(58,72,77)
```
#344b53
```
#344b53 rgb(52,75,83)
```
#2f4d58
```
#2f4d58 rgb(47,77,88)
```
#2a505d
```
#2a505d rgb(42,80,93)
```
#255362
```
#255362 rgb(37,83,98)
```
#205567
```
#205567 rgb(32,85,103)
```
#1a586d
```
#1a586d rgb(26,88,109)
```
#155a72
```
#155a72 rgb(21,90,114)
```
#105d77
```
#105d77 rgb(16,93,119)
```
#0b5f7c
```
#0b5f7c rgb(11,95,124)
```
#066281
```
#066281 rgb(6,98,129)
```
#006487
```
#006487 rgb(0,100,135)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#40484b Atypical Achromatopsia 0.001% of the population

Dichromacy

#515362 Protanopia 1% of men
#515267 Deuteranopia 1% of men
#325960 Tritanopia 0.001% of the population

Trichromacy

#425260 Protanomaly 1% of men, 0.01% of women
#435163 Deuteranomaly 6% of men, 0.4% of women
#2f565f Tritanomaly 0.01% of the population

#2a505d hex color

#2a505d Color Information

#2a505d Color Conversion

Color Schemes with #2a505d

Alternatives to #2a505d

#2a505d Preview

Shades and Tints of #2a505d

Tones of #2a505d

Color Blindness Simulator