#2ab2e3 hex color

In a RGB color space, hex #2ab2e3 is composed of 16.5% red, 69.8% green and 89% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 21.6% magenta, 0% yellow and 11% black. It has a hue angle of 195.9 degrees, a saturation of 76.8% and a lightness of 52.7%. #2ab2e3 color hex could be obtained by blending #54ffff with #0065c7. Closest websafe color is: #3399cc.

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

● #2ab2e3 color description : Bright blue.

The hexadecimal color #2ab2e3 has RGB values of R:42, G:178, B:227 and CMYK values of C:0.81, M:0.22, Y:0, K:0.11. Its decimal value is 2798307.

Hex triplet	2ab2e3	`#2ab2e3`
RGB Decimal	42, 178, 227	`rgb(42,178,227)`
RGB Percent	16.5, 69.8, 89	`rgb(16.5%,69.8%,89%)`
CMYK	81, 22, 0, 11
HSL	195.9°, 76.8, 52.7	`hsl(195.9,76.8%,52.7%)`
HSV (or HSB)	195.9°, 81.5, 89
Web Safe	3399cc	`#3399cc`

CIE-LAB	67.929, -18.568, -34.523
XYZ	30.737, 37.876, 78.36
xyY	0.209, 0.258, 37.876
CIE-LCH	67.929, 39.199, 241.727
CIE-LUV	67.929, -44.52, -52.614
Hunter-Lab	61.544, -18.553, -32.41
Binary	00101010, 10110010, 11100011

#2ab2e3
```
#2ab2e3 rgb(42,178,227)
```
#e35b2a
```
#e35b2a rgb(227,91,42)
```

Complementary Color

#2ae3b8
```
#2ae3b8 rgb(42,227,184)
```
#2ab2e3
```
#2ab2e3 rgb(42,178,227)
```
#2a56e3
```
#2a56e3 rgb(42,86,227)
```

Analogous Color

#e3b82a
```
#e3b82a rgb(227,184,42)
```
#2ab2e3
```
#2ab2e3 rgb(42,178,227)
```
#e32a56
```
#e32a56 rgb(227,42,86)
```

Split Complementary Color

#b2e32a
```
#b2e32a rgb(178,227,42)
```
#2ab2e3
```
#2ab2e3 rgb(42,178,227)
```
#e32ab2
```
#e32ab2 rgb(227,42,178)
```

Triadic Color

#2ae35b
```
#2ae35b rgb(42,227,91)
```
#2ab2e3
```
#2ab2e3 rgb(42,178,227)
```
#e32ab2
```
#e32ab2 rgb(227,42,178)
```
#e35b2a
```
#e35b2a rgb(227,91,42)
```

Tetradic Color

#1683aa
```
#1683aa rgb(22,131,170)
```
#1994c1
```
#1994c1 rgb(25,148,193)
```
#1ca6d7
```
#1ca6d7 rgb(28,166,215)
```
#2ab2e3
```
#2ab2e3 rgb(42,178,227)
```
#41bae6
```
#41bae6 rgb(65,186,230)
```
#57c2e9
```
#57c2e9 rgb(87,194,233)
```
#6ecaec
```
#6ecaec rgb(110,202,236)
```

Monochromatic Color

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

#2ae0e3
```
#2ae0e3 rgb(42,224,227)
```
#2ad1e3
```
#2ad1e3 rgb(42,209,227)
```
#2ac1e3
```
#2ac1e3 rgb(42,193,227)
```
#2ab2e3
```
#2ab2e3 rgb(42,178,227)
```
#2aa3e3
```
#2aa3e3 rgb(42,163,227)
```
#2a93e3
```
#2a93e3 rgb(42,147,227)
```
#2a84e3
```
#2a84e3 rgb(42,132,227)
```

Similar Colors

Text with hexadecimal color #2ab2e3

This text has a font color of #2ab2e3.

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

#2ab2e3 background color

This paragraph has a background color of #2ab2e3.

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

#2ab2e3 border color

This element has a border color of #2ab2e3.

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

CSS codes

.text {color:#2ab2e3;}

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

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

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, #020a0c is the darkest color, while #fafdfe is the lightest one.

#020a0c
```
#020a0c rgb(2,10,12)
```
#04171e
```
#04171e rgb(4,23,30)
```
#06242f
```
#06242f rgb(6,36,47)
```
#083240
```
#083240 rgb(8,50,64)
```
#0b3f52
```
#0b3f52 rgb(11,63,82)
```
#0d4c63
```
#0d4c63 rgb(13,76,99)
```
#0f5a74
```
#0f5a74 rgb(15,90,116)
```
#126786
```
#126786 rgb(18,103,134)
```
#147497
```
#147497 rgb(20,116,151)
```
#1682a8
```
#1682a8 rgb(22,130,168)
```
#188fba
```
#188fba rgb(24,143,186)
```
#1b9ccb
```
#1b9ccb rgb(27,156,203)
```
#1daadc
```
#1daadc rgb(29,170,220)
```

Shade Color Variation

#2ab2e3
```
#2ab2e3 rgb(42,178,227)
```
#3bb8e5
```
#3bb8e5 rgb(59,184,229)
```
#4dbfe8
```
#4dbfe8 rgb(77,191,232)
```
#5ec5ea
```
#5ec5ea rgb(94,197,234)
```
#6fcbec
```
#6fcbec rgb(111,203,236)
```
#81d1ee
```
#81d1ee rgb(129,209,238)
```
#92d8f1
```
#92d8f1 rgb(146,216,241)
```
#a3def3
```
#a3def3 rgb(163,222,243)
```
#b5e4f5
```
#b5e4f5 rgb(181,228,245)
```
#c6eaf8
```
#c6eaf8 rgb(198,234,248)
```
#d7f1fa
```
#d7f1fa rgb(215,241,250)
```
#e9f7fc
```
#e9f7fc rgb(233,247,252)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

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

#7d8b90
```
#7d8b90 rgb(125,139,144)
```
#748f99
```
#748f99 rgb(116,143,153)
```
#6b93a2
```
#6b93a2 rgb(107,147,162)
```
#6298ab
```
#6298ab rgb(98,152,171)
```
#589cb5
```
#589cb5 rgb(88,156,181)
```
#4fa1be
```
#4fa1be rgb(79,161,190)
```
#46a5c7
```
#46a5c7 rgb(70,165,199)
```
#3da9d0
```
#3da9d0 rgb(61,169,208)
```
#33aeda
```
#33aeda rgb(51,174,218)
```
#2ab2e3
```
#2ab2e3 rgb(42,178,227)
```
#21b6ec
```
#21b6ec rgb(33,182,236)
```
#17bbf6
```
#17bbf6 rgb(23,187,246)
```
#0ebfff
```
#0ebfff rgb(14,191,255)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#7b96a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ba8db Protanopia 1% of men
#91a8e9 Deuteranopia 1% of men
#00bac8 Tritanopia 0.001% of the population

Trichromacy

#72abdd Protanomaly 1% of men, 0.01% of women
#6bace7 Deuteranomaly 6% of men, 0.4% of women
#0fb7d1 Tritanomaly 0.01% of the population

#2ab2e3 hex color

#2ab2e3 Color Information

#2ab2e3 Color Conversion

Color Schemes with #2ab2e3

Alternatives to #2ab2e3

#2ab2e3 Preview

Shades and Tints of #2ab2e3

Tones of #2ab2e3

Color Blindness Simulator