#2a7799 hex color

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

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

● #2a7799 color description : Dark blue.

The hexadecimal color #2a7799 has RGB values of R:42, G:119, B:153 and CMYK values of C:0.73, M:0.22, Y:0, K:0.4. Its decimal value is 2783129.

Hex triplet	2a7799	`#2a7799`
RGB Decimal	42, 119, 153	`rgb(42,119,153)`
RGB Percent	16.5, 46.7, 60	`rgb(16.5%,46.7%,60%)`
CMYK	73, 22, 0, 40
HSL	198.4°, 56.9, 38.2	`hsl(198.4,56.9%,38.2%)`
HSV (or HSB)	198.4°, 72.5, 60
Web Safe	336699	`#336699`

CIE-LAB	46.954, -11.774, -25.146
XYZ	13.3, 15.985, 32.52
xyY	0.215, 0.259, 15.985
CIE-LCH	46.954, 27.766, 244.91
CIE-LUV	46.954, -28.148, -35.427
Hunter-Lab	39.981, -10.587, -20.239
Binary	00101010, 01110111, 10011001

#2a7799
```
#2a7799 rgb(42,119,153)
```
#994c2a
```
#994c2a rgb(153,76,42)
```

Complementary Color

#2a9984
```
#2a9984 rgb(42,153,132)
```
#2a7799
```
#2a7799 rgb(42,119,153)
```
#2a4099
```
#2a4099 rgb(42,64,153)
```

Analogous Color

#99842a
```
#99842a rgb(153,132,42)
```
#2a7799
```
#2a7799 rgb(42,119,153)
```
#992a40
```
#992a40 rgb(153,42,64)
```

Split Complementary Color

#77992a
```
#77992a rgb(119,153,42)
```
#2a7799
```
#2a7799 rgb(42,119,153)
```
#992a77
```
#992a77 rgb(153,42,119)
```

Triadic Color

#2a994c
```
#2a994c rgb(42,153,76)
```
#2a7799
```
#2a7799 rgb(42,119,153)
```
#992a77
```
#992a77 rgb(153,42,119)
```
#994c2a
```
#994c2a rgb(153,76,42)
```

Tetradic Color

#1a485d
```
#1a485d rgb(26,72,93)
```
#1f5871
```
#1f5871 rgb(31,88,113)
```
#256785
```
#256785 rgb(37,103,133)
```
#2a7799
```
#2a7799 rgb(42,119,153)
```
#2f87ad
```
#2f87ad rgb(47,135,173)
```
#3596c1
```
#3596c1 rgb(53,150,193)
```
#44a2cc
```
#44a2cc rgb(68,162,204)
```

Monochromatic Color

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

#2a9399
```
#2a9399 rgb(42,147,153)
```
#2a8a99
```
#2a8a99 rgb(42,138,153)
```
#2a8099
```
#2a8099 rgb(42,128,153)
```
#2a7799
```
#2a7799 rgb(42,119,153)
```
#2a6e99
```
#2a6e99 rgb(42,110,153)
```
#2a6599
```
#2a6599 rgb(42,101,153)
```
#2a5b99
```
#2a5b99 rgb(42,91,153)
```

Similar Colors

Text with hexadecimal color #2a7799

This text has a font color of #2a7799.

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

#2a7799 background color

This paragraph has a background color of #2a7799.

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

#2a7799 border color

This element has a border color of #2a7799.

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

CSS codes

.text {color:#2a7799;}

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

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

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)
```
#1d536b
```
#1d536b rgb(29,83,107)
```
#225f7a
```
#225f7a rgb(34,95,122)
```
#266b8a
```
#266b8a rgb(38,107,138)
```
#2a7799
```
#2a7799 rgb(42,119,153)
```
#2e83a8
```
#2e83a8 rgb(46,131,168)
```
#328fb8
```
#328fb8 rgb(50,143,184)
```
#379bc7
```
#379bc7 rgb(55,155,199)
```

Shade Color Variation

#45a3cc
```
#45a3cc rgb(69,163,204)
```
#55aad0
```
#55aad0 rgb(85,170,208)
```
#64b2d5
```
#64b2d5 rgb(100,178,213)
```
#74bad9
```
#74bad9 rgb(116,186,217)
```
#83c1dd
```
#83c1dd rgb(131,193,221)
```
#92c9e1
```
#92c9e1 rgb(146,201,225)
```
#a2d1e5
```
#a2d1e5 rgb(162,209,229)
```
#b1d8ea
```
#b1d8ea rgb(177,216,234)
```
#c1e0ee
```
#c1e0ee rgb(193,224,238)
```
#d0e8f2
```
#d0e8f2 rgb(208,232,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 #0486bf is the most saturated one.

#5f6365
```
#5f6365 rgb(95,99,101)
```
#57666c
```
#57666c rgb(87,102,108)
```
#506874
```
#506874 rgb(80,104,116)
```
#486b7b
```
#486b7b rgb(72,107,123)
```
#416e83
```
#416e83 rgb(65,110,131)
```
#39718a
```
#39718a rgb(57,113,138)
```
#327492
```
#327492 rgb(50,116,146)
```
#2a7799
```
#2a7799 rgb(42,119,153)
```
#237aa1
```
#237aa1 rgb(35,122,161)
```
#1b7da8
```
#1b7da8 rgb(27,125,168)
```
#1480b0
```
#1480b0 rgb(20,128,176)
```
#0c83b7
```
#0c83b7 rgb(12,131,183)
```
#0486bf
```
#0486bf rgb(4,134,191)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#58686f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c7598 Protanopia 1% of men
#6675a1 Deuteranopia 1% of men
#22818b Tritanopia 0.001% of the population

Trichromacy

#547698 Protanomaly 1% of men, 0.01% of women
#50769e Deuteranomaly 6% of men, 0.4% of women
#257d90 Tritanomaly 0.01% of the population

#2a7799 hex color

#2a7799 Color Information

#2a7799 Color Conversion

Color Schemes with #2a7799

Alternatives to #2a7799

#2a7799 Preview

Shades and Tints of #2a7799

Tones of #2a7799

Color Blindness Simulator