#2a8ad5 hex color

In a RGB color space, hex #2a8ad5 is composed of 16.5% red, 54.1% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 80.3% cyan, 35.2% magenta, 0% yellow and 16.5% black. It has a hue angle of 206.3 degrees, a saturation of 67.1% and a lightness of 50%. #2a8ad5 color hex could be obtained by blending #54ffff with #0015ab. Closest websafe color is: #3399cc.

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

● #2a8ad5 color description : Strong blue.

The hexadecimal color #2a8ad5 has RGB values of R:42, G:138, B:213 and CMYK values of C:0.8, M:0.35, Y:0, K:0.16. Its decimal value is 2788053.

Hex triplet	2a8ad5	`#2a8ad5`
RGB Decimal	42, 138, 213	`rgb(42,138,213)`
RGB Percent	16.5, 54.1, 83.5	`rgb(16.5%,54.1%,83.5%)`
CMYK	80, 35, 0, 16
HSL	206.3°, 67.1, 50	`hsl(206.3,67.1%,50%)`
HSV (or HSB)	206.3°, 80.3, 83.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.555, -1.194, -46.161
XYZ	22.051, 23.471, 66.315
xyY	0.197, 0.21, 23.471
CIE-LCH	55.555, 46.176, 268.518
CIE-LUV	55.555, -31.724, -72.018
Hunter-Lab	48.447, -3.539, -47.244
Binary	00101010, 10001010, 11010101

#2a8ad5
```
#2a8ad5 rgb(42,138,213)
```
#d5752a
```
#d5752a rgb(213,117,42)
```

Complementary Color

#2ad5cb
```
#2ad5cb rgb(42,213,203)
```
#2a8ad5
```
#2a8ad5 rgb(42,138,213)
```
#2a35d5
```
#2a35d5 rgb(42,53,213)
```

Analogous Color

#d5cb2a
```
#d5cb2a rgb(213,203,42)
```
#2a8ad5
```
#2a8ad5 rgb(42,138,213)
```
#d52a35
```
#d52a35 rgb(213,42,53)
```

Split Complementary Color

#8ad52a
```
#8ad52a rgb(138,213,42)
```
#2a8ad5
```
#2a8ad5 rgb(42,138,213)
```
#d52a8a
```
#d52a8a rgb(213,42,138)
```

Triadic Color

#2ad575
```
#2ad575 rgb(42,213,117)
```
#2a8ad5
```
#2a8ad5 rgb(42,138,213)
```
#d52a8a
```
#d52a8a rgb(213,42,138)
```
#d5752a
```
#d5752a rgb(213,117,42)
```

Tetradic Color

#1d6195
```
#1d6195 rgb(29,97,149)
```
#226eaa
```
#226eaa rgb(34,110,170)
```
#267cc0
```
#267cc0 rgb(38,124,192)
```
#2a8ad5
```
#2a8ad5 rgb(42,138,213)
```
#3f96d9
```
#3f96d9 rgb(63,150,217)
```
#55a1dd
```
#55a1dd rgb(85,161,221)
```
#6aade2
```
#6aade2 rgb(106,173,226)
```

Monochromatic Color

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

#2ab5d5
```
#2ab5d5 rgb(42,181,213)
```
#2aa7d5
```
#2aa7d5 rgb(42,167,213)
```
#2a98d5
```
#2a98d5 rgb(42,152,213)
```
#2a8ad5
```
#2a8ad5 rgb(42,138,213)
```
#2a7cd5
```
#2a7cd5 rgb(42,124,213)
```
#2a6ed5
```
#2a6ed5 rgb(42,110,213)
```
#2a5fd5
```
#2a5fd5 rgb(42,95,213)
```

Similar Colors

Text with hexadecimal color #2a8ad5

This text has a font color of #2a8ad5.

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

#2a8ad5 background color

This paragraph has a background color of #2a8ad5.

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

#2a8ad5 border color

This element has a border color of #2a8ad5.

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

CSS codes

.text {color:#2a8ad5;}

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

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

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, #030b10 is the darkest color, while #ffffff is the lightest one.

#030b10
```
#030b10 rgb(3,11,16)
```
#061521
```
#061521 rgb(6,21,33)
```
#0a2031
```
#0a2031 rgb(10,32,49)
```
#0d2a42
```
#0d2a42 rgb(13,42,66)
```
#103552
```
#103552 rgb(16,53,82)
```
#134062
```
#134062 rgb(19,64,98)
```
#174a73
```
#174a73 rgb(23,74,115)
```
#1a5583
```
#1a5583 rgb(26,85,131)
```
#1d6093
```
#1d6093 rgb(29,96,147)
```
#206aa4
```
#206aa4 rgb(32,106,164)
```
#2475b4
```
#2475b4 rgb(36,117,180)
```
#277fc5
```
#277fc5 rgb(39,127,197)
```
#2a8ad5
```
#2a8ad5 rgb(42,138,213)
```

Shade Color Variation

#3a93d8
```
#3a93d8 rgb(58,147,216)
```
#4b9cdb
```
#4b9cdb rgb(75,156,219)
```
#5ba5df
```
#5ba5df rgb(91,165,223)
```
#6caee2
```
#6caee2 rgb(108,174,226)
```
#7cb7e5
```
#7cb7e5 rgb(124,183,229)
```
#8cc0e8
```
#8cc0e8 rgb(140,192,232)
```
#9dc9ec
```
#9dc9ec rgb(157,201,236)
```
#add2ef
```
#add2ef rgb(173,210,239)
```
#bddbf2
```
#bddbf2 rgb(189,219,242)
```
#cee4f5
```
#cee4f5 rgb(206,228,245)
```
#deedf9
```
#deedf9 rgb(222,237,249)
```
#eff6fc
```
#eff6fc rgb(239,246,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#788087
```
#788087 rgb(120,128,135)
```
#6f8290
```
#6f8290 rgb(111,130,144)
```
#65839a
```
#65839a rgb(101,131,154)
```
#5b84a4
```
#5b84a4 rgb(91,132,164)
```
#5185ae
```
#5185ae rgb(81,133,174)
```
#4786b8
```
#4786b8 rgb(71,134,184)
```
#3e88c1
```
#3e88c1 rgb(62,136,193)
```
#3489cb
```
#3489cb rgb(52,137,203)
```
#2a8ad5
```
#2a8ad5 rgb(42,138,213)
```
#208bdf
```
#208bdf rgb(32,139,223)
```
#168ce9
```
#168ce9 rgb(22,140,233)
```
#0d8ef2
```
#0d8ef2 rgb(13,142,242)
```
#038ffc
```
#038ffc rgb(3,143,252)
```

Tone Color Variation

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

#6e89d1 Protanopia 1% of men
#568cd8 Deuteranopia 1% of men
#0099a3 Tritanopia 0.001% of the population

Trichromacy

#5589d2 Protanomaly 1% of men, 0.01% of women
#468bd7 Deuteranomaly 6% of men, 0.4% of women
#0f93b5 Tritanomaly 0.01% of the population

#2a8ad5 hex color

#2a8ad5 Color Information

#2a8ad5 Color Conversion

Color Schemes with #2a8ad5

Alternatives to #2a8ad5

#2a8ad5 Preview

Shades and Tints of #2a8ad5

Tones of #2a8ad5

Color Blindness Simulator