#2a7ea9 hex color

In a RGB color space, hex #2a7ea9 is composed of 16.5% red, 49.4% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 75.1% cyan, 25.4% magenta, 0% yellow and 33.7% black. It has a hue angle of 200.3 degrees, a saturation of 60.2% and a lightness of 41.4%. #2a7ea9 color hex could be obtained by blending #54fcff with #000053. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 49
- B 66
RGB color chart
- C 75
- M 25
- Y 0
- K 34
CMYK color chart

● #2a7ea9 color description : Dark blue.

The hexadecimal color #2a7ea9 has RGB values of R:42, G:126, B:169 and CMYK values of C:0.75, M:0.25, Y:0, K:0.34. Its decimal value is 2784937.

Hex triplet	2a7ea9	`#2a7ea9`
RGB Decimal	42, 126, 169	`rgb(42,126,169)`
RGB Percent	16.5, 49.4, 66.3	`rgb(16.5%,49.4%,66.3%)`
CMYK	75, 25, 0, 34
HSL	200.3°, 60.2, 41.4	`hsl(200.3,60.2%,41.4%)`
HSV (or HSB)	200.3°, 75.1, 66.3
Web Safe	336699	`#336699`

CIE-LAB	49.831, -10.14, -30.026
XYZ	15.575, 18.277, 40.241
xyY	0.21, 0.247, 18.277
CIE-LCH	49.831, 31.692, 251.34
CIE-LUV	49.831, -29.834, -43.775
Hunter-Lab	42.752, -9.785, -25.881
Binary	00101010, 01111110, 10101001

#2a7ea9
```
#2a7ea9 rgb(42,126,169)
```
#a9552a
```
#a9552a rgb(169,85,42)
```

Complementary Color

#2aa995
```
#2aa995 rgb(42,169,149)
```
#2a7ea9
```
#2a7ea9 rgb(42,126,169)
```
#2a3fa9
```
#2a3fa9 rgb(42,63,169)
```

Analogous Color

#a9952a
```
#a9952a rgb(169,149,42)
```
#2a7ea9
```
#2a7ea9 rgb(42,126,169)
```
#a92a3e
```
#a92a3e rgb(169,42,62)
```

Split Complementary Color

#7ea92a
```
#7ea92a rgb(126,169,42)
```
#2a7ea9
```
#2a7ea9 rgb(42,126,169)
```
#a92a7e
```
#a92a7e rgb(169,42,126)
```

Triadic Color

#2aa955
```
#2aa955 rgb(42,169,85)
```
#2a7ea9
```
#2a7ea9 rgb(42,126,169)
```
#a92a7e
```
#a92a7e rgb(169,42,126)
```
#a9552a
```
#a9552a rgb(169,85,42)
```

Tetradic Color

#1b506c
```
#1b506c rgb(27,80,108)
```
#206080
```
#206080 rgb(32,96,128)
```
#256f95
```
#256f95 rgb(37,111,149)
```
#2a7ea9
```
#2a7ea9 rgb(42,126,169)
```
#2f8dbd
```
#2f8dbd rgb(47,141,189)
```
#389bce
```
#389bce rgb(56,155,206)
```
#4da5d3
```
#4da5d3 rgb(77,165,211)
```

Monochromatic Color

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

#2a9ea9
```
#2a9ea9 rgb(42,158,169)
```
#2a93a9
```
#2a93a9 rgb(42,147,169)
```
#2a89a9
```
#2a89a9 rgb(42,137,169)
```
#2a7ea9
```
#2a7ea9 rgb(42,126,169)
```
#2a73a9
```
#2a73a9 rgb(42,115,169)
```
#2a69a9
```
#2a69a9 rgb(42,105,169)
```
#2a5ea9
```
#2a5ea9 rgb(42,94,169)
```

Similar Colors

Text with hexadecimal color #2a7ea9

This text has a font color of #2a7ea9.

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

#2a7ea9 background color

This paragraph has a background color of #2a7ea9.

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

#2a7ea9 border color

This element has a border color of #2a7ea9.

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

CSS codes

.text {color:#2a7ea9;}

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

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

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, #03090c is the darkest color, while #fbfdfe is the lightest one.

#03090c
```
#03090c rgb(3,9,12)
```
#07151c
```
#07151c rgb(7,21,28)
```
#0b202b
```
#0b202b rgb(11,32,43)
```
#0f2c3b
```
#0f2c3b rgb(15,44,59)
```
#13384b
```
#13384b rgb(19,56,75)
```
#16435a
```
#16435a rgb(22,67,90)
```
#1a4f6a
```
#1a4f6a rgb(26,79,106)
```
#1e5b7a
```
#1e5b7a rgb(30,91,122)
```
#22678a
```
#22678a rgb(34,103,138)
```
#267299
```
#267299 rgb(38,114,153)
```
#2a7ea9
```
#2a7ea9 rgb(42,126,169)
```
#2e8ab9
```
#2e8ab9 rgb(46,138,185)
```
#3295c8
```
#3295c8 rgb(50,149,200)
```

Shade Color Variation

#3f9ecf
```
#3f9ecf rgb(63,158,207)
```
#4ea6d3
```
#4ea6d3 rgb(78,166,211)
```
#5eaed7
```
#5eaed7 rgb(94,174,215)
```
#6eb6db
```
#6eb6db rgb(110,182,219)
```
#7dbedf
```
#7dbedf rgb(125,190,223)
```
#8dc6e3
```
#8dc6e3 rgb(141,198,227)
```
#9dcee7
```
#9dcee7 rgb(157,206,231)
```
#add6eb
```
#add6eb rgb(173,214,235)
```
#bcddee
```
#bcddee rgb(188,221,238)
```
#cce5f2
```
#cce5f2 rgb(204,229,242)
```
#dcedf6
```
#dcedf6 rgb(220,237,246)
```
#ebf5fa
```
#ebf5fa rgb(235,245,250)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #636c70 is the less saturated color, while #018bd2 is the most saturated one.

#636c70
```
#636c70 rgb(99,108,112)
```
#5b6e78
```
#5b6e78 rgb(91,110,120)
```
#537180
```
#537180 rgb(83,113,128)
```
#4a7489
```
#4a7489 rgb(74,116,137)
```
#427691
```
#427691 rgb(66,118,145)
```
#3a7999
```
#3a7999 rgb(58,121,153)
```
#327ba1
```
#327ba1 rgb(50,123,161)
```
#2a7ea9
```
#2a7ea9 rgb(42,126,169)
```
#2281b1
```
#2281b1 rgb(34,129,177)
```
#1a83b9
```
#1a83b9 rgb(26,131,185)
```
#1286c1
```
#1286c1 rgb(18,134,193)
```
#0a88c9
```
#0a88c9 rgb(10,136,201)
```
#018bd2
```
#018bd2 rgb(1,139,210)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#5d6e77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f7ca7 Protanopia 1% of men
#677cb0 Deuteranopia 1% of men
#0d8993 Tritanopia 0.001% of the population

Trichromacy

#567ca8 Protanomaly 1% of men, 0.01% of women
#507dad Deuteranomaly 6% of men, 0.4% of women
#18859b Tritanomaly 0.01% of the population

#2a7ea9 hex color

#2a7ea9 Color Information

#2a7ea9 Color Conversion

Color Schemes with #2a7ea9

Alternatives to #2a7ea9

#2a7ea9 Preview

Shades and Tints of #2a7ea9

Tones of #2a7ea9

Color Blindness Simulator