#2ab2c8 hex color

In a RGB color space, hex #2ab2c8 is composed of 16.5% red, 69.8% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 79% cyan, 11% magenta, 0% yellow and 21.6% black. It has a hue angle of 188.4 degrees, a saturation of 65.3% and a lightness of 47.5%. #2ab2c8 color hex could be obtained by blending #54ffff with #006591. Closest websafe color is: #3399cc.

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

● #2ab2c8 color description : Strong cyan.

The hexadecimal color #2ab2c8 has RGB values of R:42, G:178, B:200 and CMYK values of C:0.79, M:0.11, Y:0, K:0.22. Its decimal value is 2798280.

Hex triplet	2ab2c8	`#2ab2c8`
RGB Decimal	42, 178, 200	`rgb(42,178,200)`
RGB Percent	16.5, 69.8, 78.4	`rgb(16.5%,69.8%,78.4%)`
CMYK	79, 11, 0, 22
HSL	188.4°, 65.3, 47.5	`hsl(188.4,65.3%,47.5%)`
HSV (or HSB)	188.4°, 79, 78.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.901, -27.443, -21.261
XYZ	27.298, 36.501, 60.247
xyY	0.22, 0.294, 36.501
CIE-LCH	66.901, 34.715, 217.766
CIE-LUV	66.901, -46.374, -29.175
Hunter-Lab	60.416, -25.076, -16.833
Binary	00101010, 10110010, 11001000

#2ab2c8
```
#2ab2c8 rgb(42,178,200)
```
#c8402a
```
#c8402a rgb(200,64,42)
```

Complementary Color

#2ac88f
```
#2ac88f rgb(42,200,143)
```
#2ab2c8
```
#2ab2c8 rgb(42,178,200)
```
#2a63c8
```
#2a63c8 rgb(42,99,200)
```

Analogous Color

#c88f2a
```
#c88f2a rgb(200,143,42)
```
#2ab2c8
```
#2ab2c8 rgb(42,178,200)
```
#c82a63
```
#c82a63 rgb(200,42,99)
```

Split Complementary Color

#b2c82a
```
#b2c82a rgb(178,200,42)
```
#2ab2c8
```
#2ab2c8 rgb(42,178,200)
```
#c82ab2
```
#c82ab2 rgb(200,42,178)
```

Triadic Color

#2ac840
```
#2ac840 rgb(42,200,64)
```
#2ab2c8
```
#2ab2c8 rgb(42,178,200)
```
#c82ab2
```
#c82ab2 rgb(200,42,178)
```
#c8402a
```
#c8402a rgb(200,64,42)
```

Tetradic Color

#1d7a89
```
#1d7a89 rgb(29,122,137)
```
#218c9e
```
#218c9e rgb(33,140,158)
```
#269fb3
```
#269fb3 rgb(38,159,179)
```
#2ab2c8
```
#2ab2c8 rgb(42,178,200)
```
#37bfd5
```
#37bfd5 rgb(55,191,213)
```
#4cc6d9
```
#4cc6d9 rgb(76,198,217)
```
#61ccde
```
#61ccde rgb(97,204,222)
```

Monochromatic Color

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

#2ac8b7
```
#2ac8b7 rgb(42,200,183)
```
#2ac8c4
```
#2ac8c4 rgb(42,200,196)
```
#2abfc8
```
#2abfc8 rgb(42,191,200)
```
#2ab2c8
```
#2ab2c8 rgb(42,178,200)
```
#2aa5c8
```
#2aa5c8 rgb(42,165,200)
```
#2a98c8
```
#2a98c8 rgb(42,152,200)
```
#2a8bc8
```
#2a8bc8 rgb(42,139,200)
```

Similar Colors

Text with hexadecimal color #2ab2c8

This text has a font color of #2ab2c8.

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

#2ab2c8 background color

This paragraph has a background color of #2ab2c8.

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

#2ab2c8 border color

This element has a border color of #2ab2c8.

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

CSS codes

.text {color:#2ab2c8;}

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

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

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

#010505
```
#010505 rgb(1,5,5)
```
#051316
```
#051316 rgb(5,19,22)
```
#082226
```
#082226 rgb(8,34,38)
```
#0b3036
```
#0b3036 rgb(11,48,54)
```
#0f3f46
```
#0f3f46 rgb(15,63,70)
```
#124d57
```
#124d57 rgb(18,77,87)
```
#165b67
```
#165b67 rgb(22,91,103)
```
#196a77
```
#196a77 rgb(25,106,119)
```
#1c7887
```
#1c7887 rgb(28,120,135)
```
#208797
```
#208797 rgb(32,135,151)
```
#2395a8
```
#2395a8 rgb(35,149,168)
```
#27a4b8
```
#27a4b8 rgb(39,164,184)
```
#2ab2c8
```
#2ab2c8 rgb(42,178,200)
```

Shade Color Variation

#32bdd4
```
#32bdd4 rgb(50,189,212)
```
#42c2d7
```
#42c2d7 rgb(66,194,215)
```
#52c8db
```
#52c8db rgb(82,200,219)
```
#62cdde
```
#62cdde rgb(98,205,222)
```
#73d2e2
```
#73d2e2 rgb(115,210,226)
```
#83d7e5
```
#83d7e5 rgb(131,215,229)
```
#93dce8
```
#93dce8 rgb(147,220,232)
```
#a3e2ec
```
#a3e2ec rgb(163,226,236)
```
#b3e7ef
```
#b3e7ef rgb(179,231,239)
```
#c4ecf3
```
#c4ecf3 rgb(196,236,243)
```
#d4f1f6
```
#d4f1f6 rgb(212,241,246)
```
#e4f6f9
```
#e4f6f9 rgb(228,246,249)
```
#f4fcfd
```
#f4fcfd rgb(244,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747c7e is the less saturated color, while #05cded is the most saturated one.

#747c7e
```
#747c7e rgb(116,124,126)
```
#6b8387
```
#6b8387 rgb(107,131,135)
```
#628a90
```
#628a90 rgb(98,138,144)
```
#599099
```
#599099 rgb(89,144,153)
```
#4f97a3
```
#4f97a3 rgb(79,151,163)
```
#469eac
```
#469eac rgb(70,158,172)
```
#3da5b5
```
#3da5b5 rgb(61,165,181)
```
#33abbf
```
#33abbf rgb(51,171,191)
```
#2ab2c8
```
#2ab2c8 rgb(42,178,200)
```
#21b9d1
```
#21b9d1 rgb(33,185,209)
```
#17bfdb
```
#17bfdb rgb(23,191,219)
```
#0ec6e4
```
#0ec6e4 rgb(14,198,228)
```
#05cded
```
#05cded rgb(5,205,237)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#789498 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2a6c1 Protanopia 1% of men
#9fa4d1 Deuteranopia 1% of men
#2db7c4 Tritanopia 0.001% of the population

Trichromacy

#76aac3 Protanomaly 1% of men, 0.01% of women
#74a9ce Deuteranomaly 6% of men, 0.4% of women
#2cb5c5 Tritanomaly 0.01% of the population

#2ab2c8 hex color

#2ab2c8 Color Information

#2ab2c8 Color Conversion

Color Schemes with #2ab2c8

Alternatives to #2ab2c8

#2ab2c8 Preview

Shades and Tints of #2ab2c8

Tones of #2ab2c8

Color Blindness Simulator