#2ab8e2 hex color

In a RGB color space, hex #2ab8e2 is composed of 16.5% red, 72.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 18.6% magenta, 0% yellow and 11.4% black. It has a hue angle of 193.7 degrees, a saturation of 76% and a lightness of 52.5%. #2ab8e2 color hex could be obtained by blending #54ffff with #0071c5. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 16
- G 72
- B 89
RGB color chart
- C 81
- M 19
- Y 0
- K 11
CMYK color chart

● #2ab8e2 color description : Bright cyan.

The hexadecimal color #2ab8e2 has RGB values of R:42, G:184, B:226 and CMYK values of C:0.81, M:0.19, Y:0, K:0.11. Its decimal value is 2799842.

Hex triplet	2ab8e2	`#2ab8e2`
RGB Decimal	42, 184, 226	`rgb(42,184,226)`
RGB Percent	16.5, 72.2, 88.6	`rgb(16.5%,72.2%,88.6%)`
CMYK	81, 19, 0, 11
HSL	193.7°, 76, 52.5	`hsl(193.7,76%,52.5%)`
HSV (or HSB)	193.7°, 81.4, 88.6
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.655, -22.025, -31.304
XYZ	31.819, 40.261, 78.042
xyY	0.212, 0.268, 40.261
CIE-LCH	69.655, 38.276, 234.871
CIE-LUV	69.655, -46.654, -46.883
Hunter-Lab	63.452, -21.528, -28.507
Binary	00101010, 10111000, 11100010

#2ab8e2
```
#2ab8e2 rgb(42,184,226)
```
#e2542a
```
#e2542a rgb(226,84,42)
```

Complementary Color

#2ae2b0
```
#2ae2b0 rgb(42,226,176)
```
#2ab8e2
```
#2ab8e2 rgb(42,184,226)
```
#2a5ce2
```
#2a5ce2 rgb(42,92,226)
```

Analogous Color

#e2b02a
```
#e2b02a rgb(226,176,42)
```
#2ab8e2
```
#2ab8e2 rgb(42,184,226)
```
#e22a5c
```
#e22a5c rgb(226,42,92)
```

Split Complementary Color

#b8e22a
```
#b8e22a rgb(184,226,42)
```
#2ab8e2
```
#2ab8e2 rgb(42,184,226)
```
#e22ab8
```
#e22ab8 rgb(226,42,184)
```

Triadic Color

#2ae254
```
#2ae254 rgb(42,226,84)
```
#2ab8e2
```
#2ab8e2 rgb(42,184,226)
```
#e22ab8
```
#e22ab8 rgb(226,42,184)
```
#e2542a
```
#e2542a rgb(226,84,42)
```

Tetradic Color

#1787a9
```
#1787a9 rgb(23,135,169)
```
#1a99bf
```
#1a99bf rgb(26,153,191)
```
#1dabd5
```
#1dabd5 rgb(29,171,213)
```
#2ab8e2
```
#2ab8e2 rgb(42,184,226)
```
#40bfe5
```
#40bfe5 rgb(64,191,229)
```
#57c7e8
```
#57c7e8 rgb(87,199,232)
```
#6dceeb
```
#6dceeb rgb(109,206,235)
```

Monochromatic Color

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

#2ae2de
```
#2ae2de rgb(42,226,222)
```
#2ad7e2
```
#2ad7e2 rgb(42,215,226)
```
#2ac7e2
```
#2ac7e2 rgb(42,199,226)
```
#2ab8e2
```
#2ab8e2 rgb(42,184,226)
```
#2aa9e2
```
#2aa9e2 rgb(42,169,226)
```
#2a99e2
```
#2a99e2 rgb(42,153,226)
```
#2a8ae2
```
#2a8ae2 rgb(42,138,226)
```

Similar Colors

Text with hexadecimal color #2ab8e2

This text has a font color of #2ab8e2.

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

#2ab8e2 background color

This paragraph has a background color of #2ab8e2.

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

#2ab8e2 border color

This element has a border color of #2ab8e2.

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

CSS codes

.text {color:#2ab8e2;}

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

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

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, #02090b is the darkest color, while #f9fdfe is the lightest one.

#02090b
```
#02090b rgb(2,9,11)
```
#04171d
```
#04171d rgb(4,23,29)
```
#06252e
```
#06252e rgb(6,37,46)
```
#09333f
```
#09333f rgb(9,51,63)
```
#0b4151
```
#0b4151 rgb(11,65,81)
```
#0d4e62
```
#0d4e62 rgb(13,78,98)
```
#105c73
```
#105c73 rgb(16,92,115)
```
#126a84
```
#126a84 rgb(18,106,132)
```
#147896
```
#147896 rgb(20,120,150)
```
#1786a7
```
#1786a7 rgb(23,134,167)
```
#1994b8
```
#1994b8 rgb(25,148,184)
```
#1ba2c9
```
#1ba2c9 rgb(27,162,201)
```
#1eb0db
```
#1eb0db rgb(30,176,219)
```

Shade Color Variation

#2ab8e2
```
#2ab8e2 rgb(42,184,226)
```
#3bbee4
```
#3bbee4 rgb(59,190,228)
```
#4dc4e7
```
#4dc4e7 rgb(77,196,231)
```
#5ec9e9
```
#5ec9e9 rgb(94,201,233)
```
#6fcfeb
```
#6fcfeb rgb(111,207,235)
```
#80d5ee
```
#80d5ee rgb(128,213,238)
```
#92dbf0
```
#92dbf0 rgb(146,219,240)
```
#a3e0f2
```
#a3e0f2 rgb(163,224,242)
```
#b4e6f5
```
#b4e6f5 rgb(180,230,245)
```
#c5ecf7
```
#c5ecf7 rgb(197,236,247)
```
#d7f2fa
```
#d7f2fa rgb(215,242,250)
```
#e8f7fc
```
#e8f7fc rgb(232,247,252)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e8a8e is the less saturated color, while #0ec7fe is the most saturated one.

#7e8a8e
```
#7e8a8e rgb(126,138,142)
```
#749098
```
#749098 rgb(116,144,152)
```
#6b95a1
```
#6b95a1 rgb(107,149,161)
```
#629aaa
```
#629aaa rgb(98,154,170)
```
#599fb3
```
#599fb3 rgb(89,159,179)
```
#4fa4bd
```
#4fa4bd rgb(79,164,189)
```
#46a9c6
```
#46a9c6 rgb(70,169,198)
```
#3daecf
```
#3daecf rgb(61,174,207)
```
#33b3d9
```
#33b3d9 rgb(51,179,217)
```
#2ab8e2
```
#2ab8e2 rgb(42,184,226)
```
#21bdeb
```
#21bdeb rgb(33,189,235)
```
#17c2f5
```
#17c2f5 rgb(23,194,245)
```
#0ec7fe
```
#0ec7fe rgb(14,199,254)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#7d9aa2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2acd9 Protanopia 1% of men
#9aace9 Deuteranopia 1% of men
#00bfcd Tritanopia 0.001% of the population

Trichromacy

#76b0dc Protanomaly 1% of men, 0.01% of women
#71b0e6 Deuteranomaly 6% of men, 0.4% of women
#0fbcd4 Tritanomaly 0.01% of the population

#2ab8e2 hex color

#2ab8e2 Color Information

#2ab8e2 Color Conversion

Color Schemes with #2ab8e2

Alternatives to #2ab8e2

#2ab8e2 Preview

Shades and Tints of #2ab8e2

Tones of #2ab8e2

Color Blindness Simulator