#2a7699 hex color

In a RGB color space, hex #2a7699 is composed of 16.5% red, 46.3% green and 60% blue. Whereas in a CMYK color space, it is composed of 72.5% cyan, 22.9% magenta, 0% yellow and 40% black. It has a hue angle of 198.9 degrees, a saturation of 56.9% and a lightness of 38.2%. #2a7699 color hex could be obtained by blending #54ecff with #000033. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 46
- B 60
RGB color chart
- C 73
- M 23
- Y 0
- K 40
CMYK color chart

● #2a7699 color description : Dark blue.

The hexadecimal color #2a7699 has RGB values of R:42, G:118, B:153 and CMYK values of C:0.73, M:0.23, Y:0, K:0.4. Its decimal value is 2782873.

Hex triplet	2a7699	`#2a7699`
RGB Decimal	42, 118, 153	`rgb(42,118,153)`
RGB Percent	16.5, 46.3, 60	`rgb(16.5%,46.3%,60%)`
CMYK	73, 23, 0, 40
HSL	198.9°, 56.9, 38.2	`hsl(198.9,56.9%,38.2%)`
HSV (or HSB)	198.9°, 72.5, 60
Web Safe	336699	`#336699`

CIE-LAB	46.642, -11.2, -25.63
XYZ	13.182, 15.748, 32.48
xyY	0.215, 0.256, 15.748
CIE-LCH	46.642, 27.97, 246.396
CIE-LUV	46.642, -27.784, -36.2
Hunter-Lab	39.684, -10.155, -20.749
Binary	00101010, 01110110, 10011001

#2a7699
```
#2a7699 rgb(42,118,153)
```
#994d2a
```
#994d2a rgb(153,77,42)
```

Complementary Color

#2a9985
```
#2a9985 rgb(42,153,133)
```
#2a7699
```
#2a7699 rgb(42,118,153)
```
#2a3f99
```
#2a3f99 rgb(42,63,153)
```

Analogous Color

#99852a
```
#99852a rgb(153,133,42)
```
#2a7699
```
#2a7699 rgb(42,118,153)
```
#992a3f
```
#992a3f rgb(153,42,63)
```

Split Complementary Color

#76992a
```
#76992a rgb(118,153,42)
```
#2a7699
```
#2a7699 rgb(42,118,153)
```
#992a76
```
#992a76 rgb(153,42,118)
```

Triadic Color

#2a994d
```
#2a994d rgb(42,153,77)
```
#2a7699
```
#2a7699 rgb(42,118,153)
```
#992a76
```
#992a76 rgb(153,42,118)
```
#994d2a
```
#994d2a rgb(153,77,42)
```

Tetradic Color

#1a485d
```
#1a485d rgb(26,72,93)
```
#1f5771
```
#1f5771 rgb(31,87,113)
```
#256785
```
#256785 rgb(37,103,133)
```
#2a7699
```
#2a7699 rgb(42,118,153)
```
#2f85ad
```
#2f85ad rgb(47,133,173)
```
#3595c1
```
#3595c1 rgb(53,149,193)
```
#44a1cc
```
#44a1cc rgb(68,161,204)
```

Monochromatic Color

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

#2a9299
```
#2a9299 rgb(42,146,153)
```
#2a8999
```
#2a8999 rgb(42,137,153)
```
#2a7f99
```
#2a7f99 rgb(42,127,153)
```
#2a7699
```
#2a7699 rgb(42,118,153)
```
#2a6d99
```
#2a6d99 rgb(42,109,153)
```
#2a6499
```
#2a6499 rgb(42,100,153)
```
#2a5a99
```
#2a5a99 rgb(42,90,153)
```

Similar Colors

Text with hexadecimal color #2a7699

This text has a font color of #2a7699.

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

#2a7699 background color

This paragraph has a background color of #2a7699.

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

#2a7699 border color

This element has a border color of #2a7699.

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

CSS codes

.text {color:#2a7699;}

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

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

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

#040b0e
```
#040b0e rgb(4,11,14)
```
#08171e
```
#08171e rgb(8,23,30)
```
#0c232d
```
#0c232d rgb(12,35,45)
```
#112f3d
```
#112f3d rgb(17,47,61)
```
#153b4c
```
#153b4c rgb(21,59,76)
```
#19475b
```
#19475b rgb(25,71,91)
```
#1d526b
```
#1d526b rgb(29,82,107)
```
#225e7a
```
#225e7a rgb(34,94,122)
```
#266a8a
```
#266a8a rgb(38,106,138)
```
#2a7699
```
#2a7699 rgb(42,118,153)
```
#2e82a8
```
#2e82a8 rgb(46,130,168)
```
#328eb8
```
#328eb8 rgb(50,142,184)
```
#379ac7
```
#379ac7 rgb(55,154,199)
```

Shade Color Variation

#45a2cc
```
#45a2cc rgb(69,162,204)
```
#55a9d0
```
#55a9d0 rgb(85,169,208)
```
#64b1d5
```
#64b1d5 rgb(100,177,213)
```
#74b9d9
```
#74b9d9 rgb(116,185,217)
```
#83c1dd
```
#83c1dd rgb(131,193,221)
```
#92c8e1
```
#92c8e1 rgb(146,200,225)
```
#a2d0e5
```
#a2d0e5 rgb(162,208,229)
```
#b1d8ea
```
#b1d8ea rgb(177,216,234)
```
#c1e0ee
```
#c1e0ee rgb(193,224,238)
```
#d0e7f2
```
#d0e7f2 rgb(208,231,242)
```
#dfeff6
```
#dfeff6 rgb(223,239,246)
```
#eff7fb
```
#eff7fb rgb(239,247,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f6365 is the less saturated color, while #0484bf is the most saturated one.

#5f6365
```
#5f6365 rgb(95,99,101)
```
#57656c
```
#57656c rgb(87,101,108)
```
#506874
```
#506874 rgb(80,104,116)
```
#486b7b
```
#486b7b rgb(72,107,123)
```
#416e83
```
#416e83 rgb(65,110,131)
```
#39708a
```
#39708a rgb(57,112,138)
```
#327392
```
#327392 rgb(50,115,146)
```
#2a7699
```
#2a7699 rgb(42,118,153)
```
#2379a1
```
#2379a1 rgb(35,121,161)
```
#1b7ca8
```
#1b7ca8 rgb(27,124,168)
```
#147eb0
```
#147eb0 rgb(20,126,176)
```
#0c81b7
```
#0c81b7 rgb(12,129,183)
```
#0484bf
```
#0484bf rgb(4,132,191)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#58676e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b7498 Protanopia 1% of men
#6574a1 Deuteranopia 1% of men
#21808a Tritanopia 0.001% of the population

Trichromacy

#537598 Protanomaly 1% of men, 0.01% of women
#4f759e Deuteranomaly 6% of men, 0.4% of women
#247c8f Tritanomaly 0.01% of the population

#2a7699 hex color

#2a7699 Color Information

#2a7699 Color Conversion

Color Schemes with #2a7699

Alternatives to #2a7699

#2a7699 Preview

Shades and Tints of #2a7699

Tones of #2a7699

Color Blindness Simulator