#2a5e72 hex color

In a RGB color space, hex #2a5e72 is composed of 16.5% red, 36.9% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 17.5% magenta, 0% yellow and 55.3% black. It has a hue angle of 196.7 degrees, a saturation of 46.2% and a lightness of 30.6%. #2a5e72 color hex could be obtained by blending #54bce4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 37
- B 45
RGB color chart
- C 63
- M 18
- Y 0
- K 55
CMYK color chart

● #2a5e72 color description : Very dark blue.

The hexadecimal color #2a5e72 has RGB values of R:42, G:94, B:114 and CMYK values of C:0.63, M:0.18, Y:0, K:0.55. Its decimal value is 2776690.

Hex triplet	2a5e72	`#2a5e72`
RGB Decimal	42, 94, 114	`rgb(42,94,114)`
RGB Percent	16.5, 36.9, 44.7	`rgb(16.5%,36.9%,44.7%)`
CMYK	63, 18, 0, 55
HSL	196.7°, 46.2, 30.6	`hsl(196.7,46.2%,30.6%)`
HSV (or HSB)	196.7°, 63.2, 44.7
Web Safe	336666	`#336666`

CIE-LAB	37.32, -10.761, -16.542
XYZ	7.994, 9.712, 17.372
xyY	0.228, 0.277, 9.712
CIE-LCH	37.32, 19.735, 236.954
CIE-LUV	37.32, -20.599, -21.15
Hunter-Lab	31.164, -8.749, -11.236
Binary	00101010, 01011110, 01110010

#2a5e72
```
#2a5e72 rgb(42,94,114)
```
#723e2a
```
#723e2a rgb(114,62,42)
```

Complementary Color

#2a7262
```
#2a7262 rgb(42,114,98)
```
#2a5e72
```
#2a5e72 rgb(42,94,114)
```
#2a3a72
```
#2a3a72 rgb(42,58,114)
```

Analogous Color

#72622a
```
#72622a rgb(114,98,42)
```
#2a5e72
```
#2a5e72 rgb(42,94,114)
```
#722a3a
```
#722a3a rgb(114,42,58)
```

Split Complementary Color

#5e722a
```
#5e722a rgb(94,114,42)
```
#2a5e72
```
#2a5e72 rgb(42,94,114)
```
#722a5e
```
#722a5e rgb(114,42,94)
```

Triadic Color

#2a723e
```
#2a723e rgb(42,114,62)
```
#2a5e72
```
#2a5e72 rgb(42,94,114)
```
#722a5e
```
#722a5e rgb(114,42,94)
```
#723e2a
```
#723e2a rgb(114,62,42)
```

Tetradic Color

#15303a
```
#15303a rgb(21,48,58)
```
#1c3f4d
```
#1c3f4d rgb(28,63,77)
```
#234f5f
```
#234f5f rgb(35,79,95)
```
#2a5e72
```
#2a5e72 rgb(42,94,114)
```
#316d85
```
#316d85 rgb(49,109,133)
```
#387d97
```
#387d97 rgb(56,125,151)
```
#3f8caa
```
#3f8caa rgb(63,140,170)
```

Monochromatic Color

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

#2a7072
```
#2a7072 rgb(42,112,114)
```
#2a6a72
```
#2a6a72 rgb(42,106,114)
```
#2a6472
```
#2a6472 rgb(42,100,114)
```
#2a5e72
```
#2a5e72 rgb(42,94,114)
```
#2a5872
```
#2a5872 rgb(42,88,114)
```
#2a5272
```
#2a5272 rgb(42,82,114)
```
#2a4c72
```
#2a4c72 rgb(42,76,114)
```

Similar Colors

Text with hexadecimal color #2a5e72

This text has a font color of #2a5e72.

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

#2a5e72 background color

This paragraph has a background color of #2a5e72.

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

#2a5e72 border color

This element has a border color of #2a5e72.

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

CSS codes

.text {color:#2a5e72;}

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

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

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

#050b0e
```
#050b0e rgb(5,11,14)
```
#0a171c
```
#0a171c rgb(10,23,28)
```
#10232a
```
#10232a rgb(16,35,42)
```
#152f39
```
#152f39 rgb(21,47,57)
```
#1a3b47
```
#1a3b47 rgb(26,59,71)
```
#1f4655
```
#1f4655 rgb(31,70,85)
```
#255264
```
#255264 rgb(37,82,100)
```
#2a5e72
```
#2a5e72 rgb(42,94,114)
```
#2f6a80
```
#2f6a80 rgb(47,106,128)
```
#35768f
```
#35768f rgb(53,118,143)
```
#3a819d
```
#3a819d rgb(58,129,157)
```
#3f8dab
```
#3f8dab rgb(63,141,171)
```
#4499ba
```
#4499ba rgb(68,153,186)
```

Shade Color Variation

#52a1bf
```
#52a1bf rgb(82,161,191)
```
#61a9c5
```
#61a9c5 rgb(97,169,197)
```
#6fb1ca
```
#6fb1ca rgb(111,177,202)
```
#7db8cf
```
#7db8cf rgb(125,184,207)
```
#8cc0d5
```
#8cc0d5 rgb(140,192,213)
```
#9ac8da
```
#9ac8da rgb(154,200,218)
```
#a8d0df
```
#a8d0df rgb(168,208,223)
```
#b7d8e4
```
#b7d8e4 rgb(183,216,228)
```
#c5dfea
```
#c5dfea rgb(197,223,234)
```
#d3e7ef
```
#d3e7ef rgb(211,231,239)
```
#e2eff4
```
#e2eff4 rgb(226,239,244)
```
#f0f7f9
```
#f0f7f9 rgb(240,247,249)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#485154
```
#485154 rgb(72,81,84)
```
#42535a
```
#42535a rgb(66,83,90)
```
#3c5660
```
#3c5660 rgb(60,86,96)
```
#365966
```
#365966 rgb(54,89,102)
```
#305b6c
```
#305b6c rgb(48,91,108)
```
#2a5e72
```
#2a5e72 rgb(42,94,114)
```
#246178
```
#246178 rgb(36,97,120)
```
#1e637e
```
#1e637e rgb(30,99,126)
```
#186684
```
#186684 rgb(24,102,132)
```
#12698a
```
#12698a rgb(18,105,138)
```
#0c6b90
```
#0c6b90 rgb(12,107,144)
```
#066e96
```
#066e96 rgb(6,110,150)
```
#00719c
```
#00719c rgb(0,113,156)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#495458 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b5f75 Protanopia 1% of men
#595f7c Deuteranopia 1% of men
#2f686f Tritanopia 0.001% of the population

Trichromacy

#495f73 Protanomaly 1% of men, 0.01% of women
#485e78 Deuteranomaly 6% of men, 0.4% of women
#2d6470 Tritanomaly 0.01% of the population

#2a5e72 hex color

#2a5e72 Color Information

#2a5e72 Color Conversion

Color Schemes with #2a5e72

Alternatives to #2a5e72

#2a5e72 Preview

Shades and Tints of #2a5e72

Tones of #2a5e72

Color Blindness Simulator