#2a70a5 hex color

In a RGB color space, hex #2a70a5 is composed of 16.5% red, 43.9% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 74.5% cyan, 32.1% magenta, 0% yellow and 35.3% black. It has a hue angle of 205.9 degrees, a saturation of 59.4% and a lightness of 40.6%. #2a70a5 color hex could be obtained by blending #54e0ff with #00004b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 44
- B 65
RGB color chart
- C 75
- M 32
- Y 0
- K 35
CMYK color chart

● #2a70a5 color description : Dark blue.

The hexadecimal color #2a70a5 has RGB values of R:42, G:112, B:165 and CMYK values of C:0.75, M:0.32, Y:0, K:0.35. Its decimal value is 2781349.

Hex triplet	2a70a5	`#2a70a5`
RGB Decimal	42, 112, 165	`rgb(42,112,165)`
RGB Percent	16.5, 43.9, 64.7	`rgb(16.5%,43.9%,64.7%)`
CMYK	75, 32, 0, 35
HSL	205.9°, 59.4, 40.6	`hsl(205.9,59.4%,40.6%)`
HSV (or HSB)	205.9°, 74.5, 64.7
Web Safe	336699	`#336699`

CIE-LAB	45.354, -3.328, -34.704
XYZ	13.539, 14.796, 37.738
xyY	0.205, 0.224, 14.796
CIE-LCH	45.354, 34.864, 264.522
CIE-LUV	45.354, -25.075, -50.964
Hunter-Lab	38.466, -4.488, -31.242
Binary	00101010, 01110000, 10100101

#2a70a5
```
#2a70a5 rgb(42,112,165)
```
#a55f2a
```
#a55f2a rgb(165,95,42)
```

Complementary Color

#2aa59d
```
#2aa59d rgb(42,165,157)
```
#2a70a5
```
#2a70a5 rgb(42,112,165)
```
#2a33a5
```
#2a33a5 rgb(42,51,165)
```

Analogous Color

#a59d2a
```
#a59d2a rgb(165,157,42)
```
#2a70a5
```
#2a70a5 rgb(42,112,165)
```
#a52a32
```
#a52a32 rgb(165,42,50)
```

Split Complementary Color

#70a52a
```
#70a52a rgb(112,165,42)
```
#2a70a5
```
#2a70a5 rgb(42,112,165)
```
#a52a70
```
#a52a70 rgb(165,42,112)
```

Triadic Color

#2aa55f
```
#2aa55f rgb(42,165,95)
```
#2a70a5
```
#2a70a5 rgb(42,112,165)
```
#a52a70
```
#a52a70 rgb(165,42,112)
```
#a55f2a
```
#a55f2a rgb(165,95,42)
```

Tetradic Color

#1a4768
```
#1a4768 rgb(26,71,104)
```
#20547c
```
#20547c rgb(32,84,124)
```
#256291
```
#256291 rgb(37,98,145)
```
#2a70a5
```
#2a70a5 rgb(42,112,165)
```
#2f7eb9
```
#2f7eb9 rgb(47,126,185)
```
#368bcc
```
#368bcc rgb(54,139,204)
```
#4a97d1
```
#4a97d1 rgb(74,151,209)
```

Monochromatic Color

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

#2a8fa5
```
#2a8fa5 rgb(42,143,165)
```
#2a85a5
```
#2a85a5 rgb(42,133,165)
```
#2a7aa5
```
#2a7aa5 rgb(42,122,165)
```
#2a70a5
```
#2a70a5 rgb(42,112,165)
```
#2a66a5
```
#2a66a5 rgb(42,102,165)
```
#2a5ca5
```
#2a5ca5 rgb(42,92,165)
```
#2a51a5
```
#2a51a5 rgb(42,81,165)
```

Similar Colors

Text with hexadecimal color #2a70a5

This text has a font color of #2a70a5.

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

#2a70a5 background color

This paragraph has a background color of #2a70a5.

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

#2a70a5 border color

This element has a border color of #2a70a5.

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

CSS codes

.text {color:#2a70a5;}

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

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

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, #020609 is the darkest color, while #f8fbfd is the lightest one.

#020609
```
#020609 rgb(2,6,9)
```
#061018
```
#061018 rgb(6,16,24)
```
#0a1b28
```
#0a1b28 rgb(10,27,40)
```
#0e2638
```
#0e2638 rgb(14,38,56)
```
#123047
```
#123047 rgb(18,48,71)
```
#163b57
```
#163b57 rgb(22,59,87)
```
#1a4666
```
#1a4666 rgb(26,70,102)
```
#1e5076
```
#1e5076 rgb(30,80,118)
```
#225b86
```
#225b86 rgb(34,91,134)
```
#266595
```
#266595 rgb(38,101,149)
```
#2a70a5
```
#2a70a5 rgb(42,112,165)
```
#2e7bb5
```
#2e7bb5 rgb(46,123,181)
```
#3285c4
```
#3285c4 rgb(50,133,196)
```

Shade Color Variation

#3c8fcd
```
#3c8fcd rgb(60,143,205)
```
#4c98d1
```
#4c98d1 rgb(76,152,209)
```
#5ca1d5
```
#5ca1d5 rgb(92,161,213)
```
#6baad9
```
#6baad9 rgb(107,170,217)
```
#7bb3dd
```
#7bb3dd rgb(123,179,221)
```
#8bbce1
```
#8bbce1 rgb(139,188,225)
```
#9ac5e5
```
#9ac5e5 rgb(154,197,229)
```
#aacee9
```
#aacee9 rgb(170,206,233)
```
#b9d7ed
```
#b9d7ed rgb(185,215,237)
```
#c9e0f1
```
#c9e0f1 rgb(201,224,241)
```
#d9e9f5
```
#d9e9f5 rgb(217,233,245)
```
#e8f2f9
```
#e8f2f9 rgb(232,242,249)
```
#f8fbfd
```
#f8fbfd rgb(248,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #62686d is the less saturated color, while #0276cd is the most saturated one.

#62686d
```
#62686d rgb(98,104,109)
```
#5a6975
```
#5a6975 rgb(90,105,117)
```
#526a7d
```
#526a7d rgb(82,106,125)
```
#4a6c85
```
#4a6c85 rgb(74,108,133)
```
#426d8d
```
#426d8d rgb(66,109,141)
```
#3a6e95
```
#3a6e95 rgb(58,110,149)
```
#326f9d
```
#326f9d rgb(50,111,157)
```
#2a70a5
```
#2a70a5 rgb(42,112,165)
```
#2271ad
```
#2271ad rgb(34,113,173)
```
#1a72b5
```
#1a72b5 rgb(26,114,181)
```
#1273bd
```
#1273bd rgb(18,115,189)
```
#0a74c5
```
#0a74c5 rgb(10,116,197)
```
#0276cd
```
#0276cd rgb(2,118,205)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#56646f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6071a5 Protanopia 1% of men
#5272ab Deuteranopia 1% of men
#007e87 Tritanopia 0.001% of the population

Trichromacy

#4c70a5 Protanomaly 1% of men, 0.01% of women
#4471a9 Deuteranomaly 6% of men, 0.4% of women
#0f7992 Tritanomaly 0.01% of the population

#2a70a5 hex color

#2a70a5 Color Information

#2a70a5 Color Conversion

Color Schemes with #2a70a5

Alternatives to #2a70a5

#2a70a5 Preview

Shades and Tints of #2a70a5

Tones of #2a70a5

Color Blindness Simulator