#2a8eb6 hex color

In a RGB color space, hex #2a8eb6 is composed of 16.5% red, 55.7% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 22% magenta, 0% yellow and 28.6% black. It has a hue angle of 197.1 degrees, a saturation of 62.5% and a lightness of 43.9%. #2a8eb6 color hex could be obtained by blending #54ffff with #001d6d. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 56
- B 71
RGB color chart
- C 77
- M 22
- Y 0
- K 29
CMYK color chart

● #2a8eb6 color description : Strong blue.

The hexadecimal color #2a8eb6 has RGB values of R:42, G:142, B:182 and CMYK values of C:0.77, M:0.22, Y:0, K:0.29. Its decimal value is 2789046.

Hex triplet	2a8eb6	`#2a8eb6`
RGB Decimal	42, 142, 182	`rgb(42,142,182)`
RGB Percent	16.5, 55.7, 71.4	`rgb(16.5%,55.7%,71.4%)`
CMYK	77, 22, 0, 29
HSL	197.1°, 62.5, 43.9	`hsl(197.1,62.5%,43.9%)`
HSV (or HSB)	197.1°, 76.9, 71.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.292, -14.586, -29.011
XYZ	19.069, 23.214, 47.729
xyY	0.212, 0.258, 23.214
CIE-LCH	55.292, 32.471, 243.308
CIE-LUV	55.292, -34.8, -42.446
Hunter-Lab	48.181, -13.669, -25.008
Binary	00101010, 10001110, 10110110

#2a8eb6
```
#2a8eb6 rgb(42,142,182)
```
#b6522a
```
#b6522a rgb(182,82,42)
```

Complementary Color

#2ab698
```
#2ab698 rgb(42,182,152)
```
#2a8eb6
```
#2a8eb6 rgb(42,142,182)
```
#2a48b6
```
#2a48b6 rgb(42,72,182)
```

Analogous Color

#b6982a
```
#b6982a rgb(182,152,42)
```
#2a8eb6
```
#2a8eb6 rgb(42,142,182)
```
#b62a48
```
#b62a48 rgb(182,42,72)
```

Split Complementary Color

#8eb62a
```
#8eb62a rgb(142,182,42)
```
#2a8eb6
```
#2a8eb6 rgb(42,142,182)
```
#b62a8e
```
#b62a8e rgb(182,42,142)
```

Triadic Color

#2ab652
```
#2ab652 rgb(42,182,82)
```
#2a8eb6
```
#2a8eb6 rgb(42,142,182)
```
#b62a8e
```
#b62a8e rgb(182,42,142)
```
#b6522a
```
#b6522a rgb(182,82,42)
```

Tetradic Color

#1c5e78
```
#1c5e78 rgb(28,94,120)
```
#206e8d
```
#206e8d rgb(32,110,141)
```
#257ea1
```
#257ea1 rgb(37,126,161)
```
#2a8eb6
```
#2a8eb6 rgb(42,142,182)
```
#2f9ecb
```
#2f9ecb rgb(47,158,203)
```
#40a9d3
```
#40a9d3 rgb(64,169,211)
```
#55b2d8
```
#55b2d8 rgb(85,178,216)
```

Monochromatic Color

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

#2ab1b6
```
#2ab1b6 rgb(42,177,182)
```
#2aa5b6
```
#2aa5b6 rgb(42,165,182)
```
#2a9ab6
```
#2a9ab6 rgb(42,154,182)
```
#2a8eb6
```
#2a8eb6 rgb(42,142,182)
```
#2a82b6
```
#2a82b6 rgb(42,130,182)
```
#2a77b6
```
#2a77b6 rgb(42,119,182)
```
#2a6bb6
```
#2a6bb6 rgb(42,107,182)
```

Similar Colors

Text with hexadecimal color #2a8eb6

This text has a font color of #2a8eb6.

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

#2a8eb6 background color

This paragraph has a background color of #2a8eb6.

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

#2a8eb6 border color

This element has a border color of #2a8eb6.

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

CSS codes

.text {color:#2a8eb6;}

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

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

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

#020507
```
#020507 rgb(2,5,7)
```
#051217
```
#051217 rgb(5,18,23)
```
#091e27
```
#091e27 rgb(9,30,39)
```
#0d2b37
```
#0d2b37 rgb(13,43,55)
```
#103746
```
#103746 rgb(16,55,70)
```
#144356
```
#144356 rgb(20,67,86)
```
#185066
```
#185066 rgb(24,80,102)
```
#1b5c76
```
#1b5c76 rgb(27,92,118)
```
#1f6986
```
#1f6986 rgb(31,105,134)
```
#237596
```
#237596 rgb(35,117,150)
```
#2682a6
```
#2682a6 rgb(38,130,166)
```
#2a8eb6
```
#2a8eb6 rgb(42,142,182)
```
#2e9ac6
```
#2e9ac6 rgb(46,154,198)
```

Shade Color Variation

#37a5d1
```
#37a5d1 rgb(55,165,209)
```
#46acd4
```
#46acd4 rgb(70,172,212)
```
#56b3d8
```
#56b3d8 rgb(86,179,216)
```
#66badc
```
#66badc rgb(102,186,220)
```
#76c1df
```
#76c1df rgb(118,193,223)
```
#86c9e3
```
#86c9e3 rgb(134,201,227)
```
#96d0e7
```
#96d0e7 rgb(150,208,231)
```
#a6d7ea
```
#a6d7ea rgb(166,215,234)
```
#b6deee
```
#b6deee rgb(182,222,238)
```
#c6e5f2
```
#c6e5f2 rgb(198,229,242)
```
#d6ecf6
```
#d6ecf6 rgb(214,236,246)
```
#e6f4f9
```
#e6f4f9 rgb(230,244,249)
```
#f6fbfd
```
#f6fbfd rgb(246,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f7071 is the less saturated color, while #089dd8 is the most saturated one.

#6f7071
```
#6f7071 rgb(111,112,113)
```
#66747a
```
#66747a rgb(102,116,122)
```
#5e7882
```
#5e7882 rgb(94,120,130)
```
#557c8b
```
#557c8b rgb(85,124,139)
```
#4c7f94
```
#4c7f94 rgb(76,127,148)
```
#44839c
```
#44839c rgb(68,131,156)
```
#3b87a5
```
#3b87a5 rgb(59,135,165)
```
#338aad
```
#338aad rgb(51,138,173)
```
#2a8eb6
```
#2a8eb6 rgb(42,142,182)
```
#2192bf
```
#2192bf rgb(33,146,191)
```
#1995c7
```
#1995c7 rgb(25,149,199)
```
#1099d0
```
#1099d0 rgb(16,153,208)
```
#089dd8
```
#089dd8 rgb(8,157,216)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#667a82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e89b2 Protanopia 1% of men
#7689bd Deuteranopia 1% of men
#0f98a3 Tritanopia 0.001% of the population

Trichromacy

#5f8ab3 Protanomaly 1% of men, 0.01% of women
#5a8bbb Deuteranomaly 6% of men, 0.4% of women
#1994aa Tritanomaly 0.01% of the population

#2a8eb6 hex color

#2a8eb6 Color Information

#2a8eb6 Color Conversion

Color Schemes with #2a8eb6

Alternatives to #2a8eb6

#2a8eb6 Preview

Shades and Tints of #2a8eb6

Tones of #2a8eb6

Color Blindness Simulator