colorhexa.com

#2a5467 hex color

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

- R 16
- G 33
- B 40
RGB color chart
- C 59
- M 18
- Y 0
- K 60
CMYK color chart

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

The hexadecimal color #2a5467 has RGB values of R:42, G:84, B:103 and CMYK values of C:0.59, M:0.18, Y:0, K:0.6. Its decimal value is 2774119.

Hex triplet	2a5467	`#2a5467`
RGB Decimal	42, 84, 103	`rgb(42,84,103)`
RGB Percent	16.5, 32.9, 40.4	`rgb(16.5%,32.9%,40.4%)`
CMYK	59, 18, 0, 60
HSL	198.7°, 42.1, 28.4	`hsl(198.7,42.1%,28.4%)`
HSV (or HSB)	198.7°, 59.2, 40.4
Web Safe	336666	`#336666`

CIE-LAB	33.588, -8.511, -15.432
XYZ	6.573, 7.812, 13.993
xyY	0.232, 0.275, 7.812
CIE-LCH	33.588, 17.623, 241.123
CIE-LUV	33.588, -17.116, -19.26
Hunter-Lab	27.949, -6.935, -10.118
Binary	00101010, 01010100, 01100111

#2a5467
```
#2a5467 rgb(42,84,103)
```
#673d2a
```
#673d2a rgb(103,61,42)
```

Complementary Color

#2a675b
```
#2a675b rgb(42,103,91)
```
#2a5467
```
#2a5467 rgb(42,84,103)
```
#2a3667
```
#2a3667 rgb(42,54,103)
```

Analogous Color

#675b2a
```
#675b2a rgb(103,91,42)
```
#2a5467
```
#2a5467 rgb(42,84,103)
```
#672a36
```
#672a36 rgb(103,42,54)
```

Split Complementary Color

#54672a
```
#54672a rgb(84,103,42)
```
#2a5467
```
#2a5467 rgb(42,84,103)
```
#672a54
```
#672a54 rgb(103,42,84)
```

Triadic Color

#142831
```
#142831 rgb(20,40,49)
```
#1b3643
```
#1b3643 rgb(27,54,67)
```
#234555
```
#234555 rgb(35,69,85)
```
#2a5467
```
#2a5467 rgb(42,84,103)
```
#316379
```
#316379 rgb(49,99,121)
```
#39728b
```
#39728b rgb(57,114,139)
```
#40809d
```
#40809d rgb(64,128,157)
```

Monochromatic Color

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

#2a6367
```
#2a6367 rgb(42,99,103)
```
#2a5e67
```
#2a5e67 rgb(42,94,103)
```
#2a5967
```
#2a5967 rgb(42,89,103)
```
#2a5467
```
#2a5467 rgb(42,84,103)
```
#2a4f67
```
#2a4f67 rgb(42,79,103)
```
#2a4a67
```
#2a4a67 rgb(42,74,103)
```
#2a4567
```
#2a4567 rgb(42,69,103)
```

Similar Colors

Text with hexadecimal color #2a5467

This text has a font color of #2a5467.

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

#2a5467 background color

This paragraph has a background color of #2a5467.

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

#2a5467 border color

This element has a border color of #2a5467.

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

CSS codes

.text {color:#2a5467;}

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

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

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)
```
#081013
```
#081013 rgb(8,16,19)
```
#0e1b21
```
#0e1b21 rgb(14,27,33)
```
#13272f
```
#13272f rgb(19,39,47)
```
#19323d
```
#19323d rgb(25,50,61)
```
#1f3d4b
```
#1f3d4b rgb(31,61,75)
```
#244959
```
#244959 rgb(36,73,89)
```
#2a5467
```
#2a5467 rgb(42,84,103)
```
#305f75
```
#305f75 rgb(48,95,117)
```
#356b83
```
#356b83 rgb(53,107,131)
```
#3b7691
```
#3b7691 rgb(59,118,145)
```
#41819f
```
#41819f rgb(65,129,159)
```
#468dad
```
#468dad rgb(70,141,173)
```

Shade Color Variation

#4f97b7
```
#4f97b7 rgb(79,151,183)
```
#5d9fbd
```
#5d9fbd rgb(93,159,189)
```
#6ba7c3
```
#6ba7c3 rgb(107,167,195)
```
#79b0c8
```
#79b0c8 rgb(121,176,200)
```
#87b8ce
```
#87b8ce rgb(135,184,206)
```
#95c0d4
```
#95c0d4 rgb(149,192,212)
```
#a3c8d9
```
#a3c8d9 rgb(163,200,217)
```
#b1d1df
```
#b1d1df rgb(177,209,223)
```
#bfd9e5
```
#bfd9e5 rgb(191,217,229)
```
#cde1eb
```
#cde1eb rgb(205,225,235)
```
#dbe9f0
```
#dbe9f0 rgb(219,233,240)
```
#e9f2f6
```
#e9f2f6 rgb(233,242,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 #03638e is the most saturated one.

#46494b
```
#46494b rgb(70,73,75)
```
#404c51
```
#404c51 rgb(64,76,81)
```
#3b4e56
```
#3b4e56 rgb(59,78,86)
```
#35505c
```
#35505c rgb(53,80,92)
```
#305261
```
#305261 rgb(48,82,97)
```
#2a5467
```
#2a5467 rgb(42,84,103)
```
#24566d
```
#24566d rgb(36,86,109)
```
#1f5872
```
#1f5872 rgb(31,88,114)
```
#195a78
```
#195a78 rgb(25,90,120)
```
#145c7d
```
#145c7d rgb(20,92,125)
```
#0e5f83
```
#0e5f83 rgb(14,95,131)
```
#096188
```
#096188 rgb(9,97,136)
```
#03638e
```
#03638e rgb(3,99,142)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#444c50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#53576b Protanopia 1% of men
#515671 Deuteranopia 1% of men
#305e65 Tritanopia 0.001% of the population

Trichromacy

#445669 Protanomaly 1% of men, 0.01% of women
#43556d Deuteranomaly 6% of men, 0.4% of women
#2e5a66 Tritanomaly 0.01% of the population