#2a7aaa hex color

In a RGB color space, hex #2a7aaa is composed of 16.5% red, 47.8% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 75.3% cyan, 28.2% magenta, 0% yellow and 33.3% black. It has a hue angle of 202.5 degrees, a saturation of 60.4% and a lightness of 41.6%. #2a7aaa color hex could be obtained by blending #54f4ff with #000055. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 48
- B 67
RGB color chart
- C 75
- M 28
- Y 0
- K 33
CMYK color chart

● #2a7aaa color description : Dark blue.

The hexadecimal color #2a7aaa has RGB values of R:42, G:122, B:170 and CMYK values of C:0.75, M:0.28, Y:0, K:0.33. Its decimal value is 2783914.

Hex triplet	2a7aaa	`#2a7aaa`
RGB Decimal	42, 122, 170	`rgb(42,122,170)`
RGB Percent	16.5, 47.8, 66.7	`rgb(16.5%,47.8%,66.7%)`
CMYK	75, 28, 0, 33
HSL	202.5°, 60.4, 41.6	`hsl(202.5,60.4%,41.6%)`
HSV (or HSB)	202.5°, 75.3, 66.7
Web Safe	336699	`#336699`

CIE-LAB	48.651, -7.461, -32.45
XYZ	15.168, 17.312, 40.57
xyY	0.208, 0.237, 17.312
CIE-LCH	48.651, 33.296, 257.052
CIE-LUV	48.651, -28.361, -47.709
Hunter-Lab	41.608, -7.742, -28.685
Binary	00101010, 01111010, 10101010

#2a7aaa
```
#2a7aaa rgb(42,122,170)
```
#aa5a2a
```
#aa5a2a rgb(170,90,42)
```

Complementary Color

#2aaa9a
```
#2aaa9a rgb(42,170,154)
```
#2a7aaa
```
#2a7aaa rgb(42,122,170)
```
#2a3aaa
```
#2a3aaa rgb(42,58,170)
```

Analogous Color

#aa9a2a
```
#aa9a2a rgb(170,154,42)
```
#2a7aaa
```
#2a7aaa rgb(42,122,170)
```
#aa2a3a
```
#aa2a3a rgb(170,42,58)
```

Split Complementary Color

#7aaa2a
```
#7aaa2a rgb(122,170,42)
```
#2a7aaa
```
#2a7aaa rgb(42,122,170)
```
#aa2a7a
```
#aa2a7a rgb(170,42,122)
```

Triadic Color

#2aaa5a
```
#2aaa5a rgb(42,170,90)
```
#2a7aaa
```
#2a7aaa rgb(42,122,170)
```
#aa2a7a
```
#aa2a7a rgb(170,42,122)
```
#aa5a2a
```
#aa5a2a rgb(170,90,42)
```

Tetradic Color

#1b4e6d
```
#1b4e6d rgb(27,78,109)
```
#205d81
```
#205d81 rgb(32,93,129)
```
#256b96
```
#256b96 rgb(37,107,150)
```
#2a7aaa
```
#2a7aaa rgb(42,122,170)
```
#2f89be
```
#2f89be rgb(47,137,190)
```
#3996ce
```
#3996ce rgb(57,150,206)
```
#4da1d3
```
#4da1d3 rgb(77,161,211)
```

Monochromatic Color

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

#2a9aaa
```
#2a9aaa rgb(42,154,170)
```
#2a8faa
```
#2a8faa rgb(42,143,170)
```
#2a85aa
```
#2a85aa rgb(42,133,170)
```
#2a7aaa
```
#2a7aaa rgb(42,122,170)
```
#2a6faa
```
#2a6faa rgb(42,111,170)
```
#2a65aa
```
#2a65aa rgb(42,101,170)
```
#2a5aaa
```
#2a5aaa rgb(42,90,170)
```

Similar Colors

Text with hexadecimal color #2a7aaa

This text has a font color of #2a7aaa.

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

#2a7aaa background color

This paragraph has a background color of #2a7aaa.

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

#2a7aaa border color

This element has a border color of #2a7aaa.

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

CSS codes

.text {color:#2a7aaa;}

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

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

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

#03090d
```
#03090d rgb(3,9,13)
```
#07141c
```
#07141c rgb(7,20,28)
```
#0b202c
```
#0b202c rgb(11,32,44)
```
#0f2b3c
```
#0f2b3c rgb(15,43,60)
```
#13364c
```
#13364c rgb(19,54,76)
```
#17425b
```
#17425b rgb(23,66,91)
```
#1a4d6b
```
#1a4d6b rgb(26,77,107)
```
#1e587b
```
#1e587b rgb(30,88,123)
```
#22638b
```
#22638b rgb(34,99,139)
```
#266f9a
```
#266f9a rgb(38,111,154)
```
#2a7aaa
```
#2a7aaa rgb(42,122,170)
```
#2e85ba
```
#2e85ba rgb(46,133,186)
```
#3291c9
```
#3291c9 rgb(50,145,201)
```

Shade Color Variation

#3f99d0
```
#3f99d0 rgb(63,153,208)
```
#4fa2d4
```
#4fa2d4 rgb(79,162,212)
```
#5faad7
```
#5faad7 rgb(95,170,215)
```
#6eb2db
```
#6eb2db rgb(110,178,219)
```
#7ebbdf
```
#7ebbdf rgb(126,187,223)
```
#8ec3e3
```
#8ec3e3 rgb(142,195,227)
```
#9ecbe7
```
#9ecbe7 rgb(158,203,231)
```
#add4eb
```
#add4eb rgb(173,212,235)
```
#bddcef
```
#bddcef rgb(189,220,239)
```
#cde4f3
```
#cde4f3 rgb(205,228,243)
```
#ddedf6
```
#ddedf6 rgb(221,237,246)
```
#ecf5fa
```
#ecf5fa rgb(236,245,250)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#636c71
```
#636c71 rgb(99,108,113)
```
#5b6e79
```
#5b6e79 rgb(91,110,121)
```
#537081
```
#537081 rgb(83,112,129)
```
#4b7289
```
#4b7289 rgb(75,114,137)
```
#427492
```
#427492 rgb(66,116,146)
```
#3a769a
```
#3a769a rgb(58,118,154)
```
#3278a2
```
#3278a2 rgb(50,120,162)
```
#2a7aaa
```
#2a7aaa rgb(42,122,170)
```
#227cb2
```
#227cb2 rgb(34,124,178)
```
#1a7eba
```
#1a7eba rgb(26,126,186)
```
#1280c2
```
#1280c2 rgb(18,128,194)
```
#0982cb
```
#0982cb rgb(9,130,203)
```
#0184d3
```
#0184d3 rgb(1,132,211)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#5c6c75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a79a8 Protanopia 1% of men
#5f7ab1 Deuteranopia 1% of men
#008690 Tritanopia 0.001% of the population

Trichromacy

#5379a9 Protanomaly 1% of men, 0.01% of women
#4c7aae Deuteranomaly 6% of men, 0.4% of women
#0f8299 Tritanomaly 0.01% of the population

#2a7aaa hex color

#2a7aaa Color Information

#2a7aaa Color Conversion

Color Schemes with #2a7aaa

Alternatives to #2a7aaa

#2a7aaa Preview

Shades and Tints of #2a7aaa

Tones of #2a7aaa

Color Blindness Simulator