#2a8ad7 hex color

In a RGB color space, hex #2a8ad7 is composed of 16.5% red, 54.1% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 35.8% magenta, 0% yellow and 15.7% black. It has a hue angle of 206.7 degrees, a saturation of 68.4% and a lightness of 50.4%. #2a8ad7 color hex could be obtained by blending #54ffff with #0015af. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 54
- B 84
RGB color chart
- C 80
- M 36
- Y 0
- K 16
CMYK color chart

● #2a8ad7 color description : Strong blue.

The hexadecimal color #2a8ad7 has RGB values of R:42, G:138, B:215 and CMYK values of C:0.8, M:0.36, Y:0, K:0.16. Its decimal value is 2788055.

Hex triplet	2a8ad7	`#2a8ad7`
RGB Decimal	42, 138, 215	`rgb(42,138,215)`
RGB Percent	16.5, 54.1, 84.3	`rgb(16.5%,54.1%,84.3%)`
CMYK	80, 36, 0, 16
HSL	206.7°, 68.4, 50.4	`hsl(206.7,68.4%,50.4%)`
HSV (or HSB)	206.7°, 80.5, 84.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.658, -0.459, -47.121
XYZ	22.306, 23.574, 67.661
xyY	0.196, 0.208, 23.574
CIE-LCH	55.658, 47.123, 269.441
CIE-LUV	55.658, -31.627, -73.687
Hunter-Lab	48.553, -2.96, -48.637
Binary	00101010, 10001010, 11010111

#2a8ad7
```
#2a8ad7 rgb(42,138,215)
```
#d7772a
```
#d7772a rgb(215,119,42)
```

Complementary Color

#2ad7ce
```
#2ad7ce rgb(42,215,206)
```
#2a8ad7
```
#2a8ad7 rgb(42,138,215)
```
#2a34d7
```
#2a34d7 rgb(42,52,215)
```

Analogous Color

#d7ce2a
```
#d7ce2a rgb(215,206,42)
```
#2a8ad7
```
#2a8ad7 rgb(42,138,215)
```
#d72a34
```
#d72a34 rgb(215,42,52)
```

Split Complementary Color

#8ad72a
```
#8ad72a rgb(138,215,42)
```
#2a8ad7
```
#2a8ad7 rgb(42,138,215)
```
#d72a8a
```
#d72a8a rgb(215,42,138)
```

Triadic Color

#2ad777
```
#2ad777 rgb(42,215,119)
```
#2a8ad7
```
#2a8ad7 rgb(42,138,215)
```
#d72a8a
```
#d72a8a rgb(215,42,138)
```
#d7772a
```
#d7772a rgb(215,119,42)
```

Tetradic Color

#1d6198
```
#1d6198 rgb(29,97,152)
```
#216fad
```
#216fad rgb(33,111,173)
```
#257cc3
```
#257cc3 rgb(37,124,195)
```
#2a8ad7
```
#2a8ad7 rgb(42,138,215)
```
#3f96db
```
#3f96db rgb(63,150,219)
```
#55a2df
```
#55a2df rgb(85,162,223)
```
#6aade3
```
#6aade3 rgb(106,173,227)
```

Monochromatic Color

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

#2ab5d7
```
#2ab5d7 rgb(42,181,215)
```
#2aa7d7
```
#2aa7d7 rgb(42,167,215)
```
#2a98d7
```
#2a98d7 rgb(42,152,215)
```
#2a8ad7
```
#2a8ad7 rgb(42,138,215)
```
#2a7cd7
```
#2a7cd7 rgb(42,124,215)
```
#2a6dd7
```
#2a6dd7 rgb(42,109,215)
```
#2a5fd7
```
#2a5fd7 rgb(42,95,215)
```

Similar Colors

Text with hexadecimal color #2a8ad7

This text has a font color of #2a8ad7.

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

#2a8ad7 background color

This paragraph has a background color of #2a8ad7.

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

#2a8ad7 border color

This element has a border color of #2a8ad7.

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

CSS codes

.text {color:#2a8ad7;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#030c12
```
#030c12 rgb(3,12,18)
```
#071623
```
#071623 rgb(7,22,35)
```
#0a2133
```
#0a2133 rgb(10,33,51)
```
#0d2b44
```
#0d2b44 rgb(13,43,68)
```
#103654
```
#103654 rgb(16,54,84)
```
#134065
```
#134065 rgb(19,64,101)
```
#164b75
```
#164b75 rgb(22,75,117)
```
#195586
```
#195586 rgb(25,85,134)
```
#1c6096
```
#1c6096 rgb(28,96,150)
```
#1f6ba7
```
#1f6ba7 rgb(31,107,167)
```
#2275b7
```
#2275b7 rgb(34,117,183)
```
#2680c8
```
#2680c8 rgb(38,128,200)
```

Shade Color Variation

#2a8ad7
```
#2a8ad7 rgb(42,138,215)
```
#3b93da
```
#3b93da rgb(59,147,218)
```
#4b9cdd
```
#4b9cdd rgb(75,156,221)
```
#5ca5e0
```
#5ca5e0 rgb(92,165,224)
```
#6caee3
```
#6caee3 rgb(108,174,227)
```
#7db7e7
```
#7db7e7 rgb(125,183,231)
```
#8dc0ea
```
#8dc0ea rgb(141,192,234)
```
#9ec9ed
```
#9ec9ed rgb(158,201,237)
```
#aed3f0
```
#aed3f0 rgb(174,211,240)
```
#bfdcf3
```
#bfdcf3 rgb(191,220,243)
```
#cfe5f6
```
#cfe5f6 rgb(207,229,246)
```
#e0eef9
```
#e0eef9 rgb(224,238,249)
```
#f0f7fc
```
#f0f7fc rgb(240,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #788189 is the less saturated color, while #038efe is the most saturated one.

#788189
```
#788189 rgb(120,129,137)
```
#6e8393
```
#6e8393 rgb(110,131,147)
```
#64849d
```
#64849d rgb(100,132,157)
```
#5b85a6
```
#5b85a6 rgb(91,133,166)
```
#5186b0
```
#5186b0 rgb(81,134,176)
```
#4787ba
```
#4787ba rgb(71,135,186)
```
#3d88c4
```
#3d88c4 rgb(61,136,196)
```
#3489cd
```
#3489cd rgb(52,137,205)
```
#2a8ad7
```
#2a8ad7 rgb(42,138,215)
```
#208be1
```
#208be1 rgb(32,139,225)
```
#178cea
```
#178cea rgb(23,140,234)
```
#0d8df4
```
#0d8df4 rgb(13,141,244)
```
#038efe
```
#038efe rgb(3,142,254)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#677a89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d89d3 Protanopia 1% of men
#548cda Deuteranopia 1% of men
#0099a3 Tritanopia 0.001% of the population

Trichromacy

#5489d4 Protanomaly 1% of men, 0.01% of women
#458bd9 Deuteranomaly 6% of men, 0.4% of women
#0f93b6 Tritanomaly 0.01% of the population

#2a8ad7 hex color

#2a8ad7 Color Information

#2a8ad7 Color Conversion

Color Schemes with #2a8ad7

Alternatives to #2a8ad7

#2a8ad7 Preview

Shades and Tints of #2a8ad7

Tones of #2a8ad7

Color Blindness Simulator