#2a5067 hex color

In a RGB color space, hex #2a5067 is composed of 16.5% red, 31.4% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 22.3% magenta, 0% yellow and 59.6% black. It has a hue angle of 202.6 degrees, a saturation of 42.1% and a lightness of 28.4%. #2a5067 color hex could be obtained by blending #54a0ce with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 31
- B 40
RGB color chart
- C 59
- M 22
- Y 0
- K 60
CMYK color chart

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

The hexadecimal color #2a5067 has RGB values of R:42, G:80, B:103 and CMYK values of C:0.59, M:0.22, Y:0, K:0.6. Its decimal value is 2773095.

Hex triplet	2a5067	`#2a5067`
RGB Decimal	42, 80, 103	`rgb(42,80,103)`
RGB Percent	16.5, 31.4, 40.4	`rgb(16.5%,31.4%,40.4%)`
CMYK	59, 22, 0, 60
HSL	202.6°, 42.1, 28.4	`hsl(202.6,42.1%,28.4%)`
HSV (or HSB)	202.6°, 59.2, 40.4
Web Safe	336666	`#336666`

CIE-LAB	32.277, -6.049, -17.449
XYZ	6.271, 7.208, 13.892
xyY	0.229, 0.263, 7.208
CIE-LCH	32.277, 18.468, 250.88
CIE-LUV	32.277, -15.575, -22.097
Hunter-Lab	26.849, -5.292, -11.884
Binary	00101010, 01010000, 01100111

#2a5067
```
#2a5067 rgb(42,80,103)
```
#67412a
```
#67412a rgb(103,65,42)
```

Complementary Color

#2a6760
```
#2a6760 rgb(42,103,96)
```
#2a5067
```
#2a5067 rgb(42,80,103)
```
#2a3267
```
#2a3267 rgb(42,50,103)
```

Analogous Color

#67602a
```
#67602a rgb(103,96,42)
```
#2a5067
```
#2a5067 rgb(42,80,103)
```
#672a32
```
#672a32 rgb(103,42,50)
```

Split Complementary Color

#50672a
```
#50672a rgb(80,103,42)
```
#2a5067
```
#2a5067 rgb(42,80,103)
```
#672a50
```
#672a50 rgb(103,42,80)
```

Triadic Color

#2a6741
```
#2a6741 rgb(42,103,65)
```
#2a5067
```
#2a5067 rgb(42,80,103)
```
#672a50
```
#672a50 rgb(103,42,80)
```
#67412a
```
#67412a rgb(103,65,42)
```

Tetradic Color

#142631
```
#142631 rgb(20,38,49)
```
#1b3443
```
#1b3443 rgb(27,52,67)
```
#234255
```
#234255 rgb(35,66,85)
```
#2a5067
```
#2a5067 rgb(42,80,103)
```
#315e79
```
#315e79 rgb(49,94,121)
```
#396c8b
```
#396c8b rgb(57,108,139)
```
#407a9d
```
#407a9d rgb(64,122,157)
```

Monochromatic Color

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

#2a5f67
```
#2a5f67 rgb(42,95,103)
```
#2a5a67
```
#2a5a67 rgb(42,90,103)
```
#2a5567
```
#2a5567 rgb(42,85,103)
```
#2a5067
```
#2a5067 rgb(42,80,103)
```
#2a4b67
```
#2a4b67 rgb(42,75,103)
```
#2a4667
```
#2a4667 rgb(42,70,103)
```
#2a4167
```
#2a4167 rgb(42,65,103)
```

Similar Colors

Text with hexadecimal color #2a5067

This text has a font color of #2a5067.

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

#2a5067 background color

This paragraph has a background color of #2a5067.

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

#2a5067 border color

This element has a border color of #2a5067.

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

CSS codes

.text {color:#2a5067;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#080f13
```
#080f13 rgb(8,15,19)
```
#0e1a21
```
#0e1a21 rgb(14,26,33)
```
#13252f
```
#13252f rgb(19,37,47)
```
#19303d
```
#19303d rgb(25,48,61)
```
#1f3a4b
```
#1f3a4b rgb(31,58,75)
```
#244559
```
#244559 rgb(36,69,89)
```
#2a5067
```
#2a5067 rgb(42,80,103)
```
#305b75
```
#305b75 rgb(48,91,117)
```
#356683
```
#356683 rgb(53,102,131)
```
#3b7091
```
#3b7091 rgb(59,112,145)
```
#417b9f
```
#417b9f rgb(65,123,159)
```
#4686ad
```
#4686ad rgb(70,134,173)
```

Shade Color Variation

#4f90b7
```
#4f90b7 rgb(79,144,183)
```
#5d99bd
```
#5d99bd rgb(93,153,189)
```
#6ba2c3
```
#6ba2c3 rgb(107,162,195)
```
#79abc8
```
#79abc8 rgb(121,171,200)
```
#87b3ce
```
#87b3ce rgb(135,179,206)
```
#95bcd4
```
#95bcd4 rgb(149,188,212)
```
#a3c5d9
```
#a3c5d9 rgb(163,197,217)
```
#b1cedf
```
#b1cedf rgb(177,206,223)
```
#bfd6e5
```
#bfd6e5 rgb(191,214,229)
```
#cddfeb
```
#cddfeb rgb(205,223,235)
```
#dbe8f0
```
#dbe8f0 rgb(219,232,240)
```
#e9f1f6
```
#e9f1f6 rgb(233,241,246)
```
#f7fafc
```
#f7fafc rgb(247,250,252)
```

Tint Color Variation

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

#46494b
```
#46494b rgb(70,73,75)
```
#404b51
```
#404b51 rgb(64,75,81)
```
#3b4c56
```
#3b4c56 rgb(59,76,86)
```
#354d5c
```
#354d5c rgb(53,77,92)
```
#304f61
```
#304f61 rgb(48,79,97)
```
#2a5067
```
#2a5067 rgb(42,80,103)
```
#24516d
```
#24516d rgb(36,81,109)
```
#1f5372
```
#1f5372 rgb(31,83,114)
```
#195478
```
#195478 rgb(25,84,120)
```
#14557d
```
#14557d rgb(20,85,125)
```
#0e5783
```
#0e5783 rgb(14,87,131)
```
#095888
```
#095888 rgb(9,88,136)
```
#035a8e
```
#035a8e rgb(3,90,142)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#41494d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e546b Protanopia 1% of men
#4c5470 Deuteranopia 1% of men
#2e5b62 Tritanopia 0.001% of the population

Trichromacy

#41526a Protanomaly 1% of men, 0.01% of women
#3f526d Deuteranomaly 6% of men, 0.4% of women
#2d5763 Tritanomaly 0.01% of the population

#2a5067 hex color

#2a5067 Color Information

#2a5067 Color Conversion

Color Schemes with #2a5067

Alternatives to #2a5067

#2a5067 Preview

Shades and Tints of #2a5067

Tones of #2a5067

Color Blindness Simulator