#2a76ac hex color

In a RGB color space, hex #2a76ac is composed of 16.5% red, 46.3% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 75.6% cyan, 31.4% magenta, 0% yellow and 32.5% black. It has a hue angle of 204.9 degrees, a saturation of 60.7% and a lightness of 42%. #2a76ac color hex could be obtained by blending #54ecff with #000059. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 46
- B 67
RGB color chart
- C 76
- M 31
- Y 0
- K 33
CMYK color chart

● #2a76ac color description : Dark blue.

The hexadecimal color #2a76ac has RGB values of R:42, G:118, B:172 and CMYK values of C:0.76, M:0.31, Y:0, K:0.33. Its decimal value is 2782892.

Hex triplet	2a76ac	`#2a76ac`
RGB Decimal	42, 118, 172	`rgb(42,118,172)`
RGB Percent	16.5, 46.3, 67.5	`rgb(16.5%,46.3%,67.5%)`
CMYK	76, 31, 0, 33
HSL	204.9°, 60.7, 42	`hsl(204.9,60.7%,42%)`
HSV (or HSB)	204.9°, 75.6, 67.5
Web Safe	336699	`#336699`

CIE-LAB	47.529, -4.366, -35.375
XYZ	14.878, 16.426, 41.414
xyY	0.205, 0.226, 16.426
CIE-LCH	47.529, 35.644, 262.964
CIE-LUV	47.529, -26.86, -52.431
Hunter-Lab	40.53, -5.402, -32.213
Binary	00101010, 01110110, 10101100

#2a76ac
```
#2a76ac rgb(42,118,172)
```
#ac602a
```
#ac602a rgb(172,96,42)
```

Complementary Color

#2aaca1
```
#2aaca1 rgb(42,172,161)
```
#2a76ac
```
#2a76ac rgb(42,118,172)
```
#2a35ac
```
#2a35ac rgb(42,53,172)
```

Analogous Color

#aca12a
```
#aca12a rgb(172,161,42)
```
#2a76ac
```
#2a76ac rgb(42,118,172)
```
#ac2a35
```
#ac2a35 rgb(172,42,53)
```

Split Complementary Color

#76ac2a
```
#76ac2a rgb(118,172,42)
```
#2a76ac
```
#2a76ac rgb(42,118,172)
```
#ac2a76
```
#ac2a76 rgb(172,42,118)
```

Triadic Color

#2aac60
```
#2aac60 rgb(42,172,96)
```
#2a76ac
```
#2a76ac rgb(42,118,172)
```
#ac2a76
```
#ac2a76 rgb(172,42,118)
```
#ac602a
```
#ac602a rgb(172,96,42)
```

Tetradic Color

#1b4c6f
```
#1b4c6f rgb(27,76,111)
```
#205a83
```
#205a83 rgb(32,90,131)
```
#256898
```
#256898 rgb(37,104,152)
```
#2a76ac
```
#2a76ac rgb(42,118,172)
```
#2f84c0
```
#2f84c0 rgb(47,132,192)
```
#3a91cf
```
#3a91cf rgb(58,145,207)
```
#4f9dd4
```
#4f9dd4 rgb(79,157,212)
```

Monochromatic Color

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

#2a97ac
```
#2a97ac rgb(42,151,172)
```
#2a8cac
```
#2a8cac rgb(42,140,172)
```
#2a81ac
```
#2a81ac rgb(42,129,172)
```
#2a76ac
```
#2a76ac rgb(42,118,172)
```
#2a6bac
```
#2a6bac rgb(42,107,172)
```
#2a60ac
```
#2a60ac rgb(42,96,172)
```
#2a56ac
```
#2a56ac rgb(42,86,172)
```

Similar Colors

Text with hexadecimal color #2a76ac

This text has a font color of #2a76ac.

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

#2a76ac background color

This paragraph has a background color of #2a76ac.

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

#2a76ac border color

This element has a border color of #2a76ac.

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

CSS codes

.text {color:#2a76ac;}

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

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

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, #040a0e is the darkest color, while #fefeff is the lightest one.

#040a0e
```
#040a0e rgb(4,10,14)
```
#07151e
```
#07151e rgb(7,21,30)
```
#0b1f2e
```
#0b1f2e rgb(11,31,46)
```
#0f2a3e
```
#0f2a3e rgb(15,42,62)
```
#13354d
```
#13354d rgb(19,53,77)
```
#17405d
```
#17405d rgb(23,64,93)
```
#1b4b6d
```
#1b4b6d rgb(27,75,109)
```
#1e567d
```
#1e567d rgb(30,86,125)
```
#22608c
```
#22608c rgb(34,96,140)
```
#266b9c
```
#266b9c rgb(38,107,156)
```
#2a76ac
```
#2a76ac rgb(42,118,172)
```
#2e81bc
```
#2e81bc rgb(46,129,188)
```
#328ccc
```
#328ccc rgb(50,140,204)
```

Shade Color Variation

#4095d0
```
#4095d0 rgb(64,149,208)
```
#509dd4
```
#509dd4 rgb(80,157,212)
```
#60a6d8
```
#60a6d8 rgb(96,166,216)
```
#70afdc
```
#70afdc rgb(112,175,220)
```
#7fb8e0
```
#7fb8e0 rgb(127,184,224)
```
#8fc1e4
```
#8fc1e4 rgb(143,193,228)
```
#9fc9e8
```
#9fc9e8 rgb(159,201,232)
```
#afd2eb
```
#afd2eb rgb(175,210,235)
```
#bfdbef
```
#bfdbef rgb(191,219,239)
```
#cee4f3
```
#cee4f3 rgb(206,228,243)
```
#deedf7
```
#deedf7 rgb(222,237,247)
```
#eef5fb
```
#eef5fb rgb(238,245,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #646c72 is the less saturated color, while #017dd5 is the most saturated one.

#646c72
```
#646c72 rgb(100,108,114)
```
#5b6e7b
```
#5b6e7b rgb(91,110,123)
```
#536f83
```
#536f83 rgb(83,111,131)
```
#4b708b
```
#4b708b rgb(75,112,139)
```
#437293
```
#437293 rgb(67,114,147)
```
#3a739c
```
#3a739c rgb(58,115,156)
```
#3275a4
```
#3275a4 rgb(50,117,164)
```
#2a76ac
```
#2a76ac rgb(42,118,172)
```
#2277b4
```
#2277b4 rgb(34,119,180)
```
#1a79bc
```
#1a79bc rgb(26,121,188)
```
#117ac5
```
#117ac5 rgb(17,122,197)
```
#097ccd
```
#097ccd rgb(9,124,205)
```
#017dd5
```
#017dd5 rgb(1,125,213)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#596873 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6576ab Protanopia 1% of men
#5778b2 Deuteranopia 1% of men
#00838d Tritanopia 0.001% of the population

Trichromacy

#4f76ab Protanomaly 1% of men, 0.01% of women
#4777b0 Deuteranomaly 6% of men, 0.4% of women
#0f7e98 Tritanomaly 0.01% of the population

#2a76ac hex color

#2a76ac Color Information

#2a76ac Color Conversion

Color Schemes with #2a76ac

Alternatives to #2a76ac

#2a76ac Preview

Shades and Tints of #2a76ac

Tones of #2a76ac

Color Blindness Simulator