#2ab9c8 hex color

In a RGB color space, hex #2ab9c8 is composed of 16.5% red, 72.5% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 79% cyan, 7.5% magenta, 0% yellow and 21.6% black. It has a hue angle of 185.7 degrees, a saturation of 65.3% and a lightness of 47.5%. #2ab9c8 color hex could be obtained by blending #54ffff with #007391. Closest websafe color is: #33cccc.

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

● #2ab9c8 color description : Strong cyan.

The hexadecimal color #2ab9c8 has RGB values of R:42, G:185, B:200 and CMYK values of C:0.79, M:0.08, Y:0, K:0.22. Its decimal value is 2800072.

Hex triplet	2ab9c8	`#2ab9c8`
RGB Decimal	42, 185, 200	`rgb(42,185,200)`
RGB Percent	16.5, 72.5, 78.4	`rgb(16.5%,72.5%,78.4%)`
CMYK	79, 8, 0, 22
HSL	185.7°, 65.3, 47.5	`hsl(185.7,65.3%,47.5%)`
HSV (or HSB)	185.7°, 79, 78.4
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.009, -30.876, -18.057
XYZ	28.726, 39.358, 60.723
xyY	0.223, 0.306, 39.358
CIE-LCH	69.009, 35.768, 210.319
CIE-LUV	69.009, -48.835, -23.558
Hunter-Lab	62.736, -28.054, -13.473
Binary	00101010, 10111001, 11001000

#2ab9c8
```
#2ab9c8 rgb(42,185,200)
```
#c8392a
```
#c8392a rgb(200,57,42)
```

Complementary Color

#2ac888
```
#2ac888 rgb(42,200,136)
```
#2ab9c8
```
#2ab9c8 rgb(42,185,200)
```
#2a6ac8
```
#2a6ac8 rgb(42,106,200)
```

Analogous Color

#c8882a
```
#c8882a rgb(200,136,42)
```
#2ab9c8
```
#2ab9c8 rgb(42,185,200)
```
#c82a6a
```
#c82a6a rgb(200,42,106)
```

Split Complementary Color

#b9c82a
```
#b9c82a rgb(185,200,42)
```
#2ab9c8
```
#2ab9c8 rgb(42,185,200)
```
#c82ab9
```
#c82ab9 rgb(200,42,185)
```

Triadic Color

#2ac839
```
#2ac839 rgb(42,200,57)
```
#2ab9c8
```
#2ab9c8 rgb(42,185,200)
```
#c82ab9
```
#c82ab9 rgb(200,42,185)
```
#c8392a
```
#c8392a rgb(200,57,42)
```

Tetradic Color

#1d7f89
```
#1d7f89 rgb(29,127,137)
```
#21929e
```
#21929e rgb(33,146,158)
```
#26a6b3
```
#26a6b3 rgb(38,166,179)
```
#2ab9c8
```
#2ab9c8 rgb(42,185,200)
```
#37c6d5
```
#37c6d5 rgb(55,198,213)
```
#4cccd9
```
#4cccd9 rgb(76,204,217)
```
#61d2de
```
#61d2de rgb(97,210,222)
```

Monochromatic Color

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

#2ac8b0
```
#2ac8b0 rgb(42,200,176)
```
#2ac8bd
```
#2ac8bd rgb(42,200,189)
```
#2ac6c8
```
#2ac6c8 rgb(42,198,200)
```
#2ab9c8
```
#2ab9c8 rgb(42,185,200)
```
#2aacc8
```
#2aacc8 rgb(42,172,200)
```
#2a9fc8
```
#2a9fc8 rgb(42,159,200)
```
#2a92c8
```
#2a92c8 rgb(42,146,200)
```

Similar Colors

Text with hexadecimal color #2ab9c8

This text has a font color of #2ab9c8.

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

#2ab9c8 background color

This paragraph has a background color of #2ab9c8.

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

#2ab9c8 border color

This element has a border color of #2ab9c8.

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

CSS codes

.text {color:#2ab9c8;}

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

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

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)
```
#051416
```
#051416 rgb(5,20,22)
```
#082326
```
#082326 rgb(8,35,38)
```
#0b3236
```
#0b3236 rgb(11,50,54)
```
#0f4146
```
#0f4146 rgb(15,65,70)
```
#125057
```
#125057 rgb(18,80,87)
```
#165f67
```
#165f67 rgb(22,95,103)
```
#196e77
```
#196e77 rgb(25,110,119)
```
#1c7d87
```
#1c7d87 rgb(28,125,135)
```
#208c97
```
#208c97 rgb(32,140,151)
```
#239ba8
```
#239ba8 rgb(35,155,168)
```
#27aab8
```
#27aab8 rgb(39,170,184)
```
#2ab9c8
```
#2ab9c8 rgb(42,185,200)
```

Shade Color Variation

#32c4d4
```
#32c4d4 rgb(50,196,212)
```
#42c9d7
```
#42c9d7 rgb(66,201,215)
```
#52cedb
```
#52cedb rgb(82,206,219)
```
#62d2de
```
#62d2de rgb(98,210,222)
```
#73d7e2
```
#73d7e2 rgb(115,215,226)
```
#83dce5
```
#83dce5 rgb(131,220,229)
```
#93e0e8
```
#93e0e8 rgb(147,224,232)
```
#a3e5ec
```
#a3e5ec rgb(163,229,236)
```
#b3e9ef
```
#b3e9ef rgb(179,233,239)
```
#c4eef3
```
#c4eef3 rgb(196,238,243)
```
#d4f3f6
```
#d4f3f6 rgb(212,243,246)
```
#e4f7f9
```
#e4f7f9 rgb(228,247,249)
```
#f4fcfd
```
#f4fcfd rgb(244,252,253)
```

Tint Color Variation

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

#747d7e
```
#747d7e rgb(116,125,126)
```
#6b8487
```
#6b8487 rgb(107,132,135)
```
#628c90
```
#628c90 rgb(98,140,144)
```
#599399
```
#599399 rgb(89,147,153)
```
#4f9ba3
```
#4f9ba3 rgb(79,155,163)
```
#46a2ac
```
#46a2ac rgb(70,162,172)
```
#3daab5
```
#3daab5 rgb(61,170,181)
```
#33b1bf
```
#33b1bf rgb(51,177,191)
```
#2ab9c8
```
#2ab9c8 rgb(42,185,200)
```
#21c1d1
```
#21c1d1 rgb(33,193,209)
```
#17c8db
```
#17c8db rgb(23,200,219)
```
#0ed0e4
```
#0ed0e4 rgb(14,208,228)
```
#05d7ed
```
#05d7ed rgb(5,215,237)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#7c989b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9abc0 Protanopia 1% of men
#a8a9d2 Deuteranopia 1% of men
#34bcca Tritanopia 0.001% of the population

Trichromacy

#7bb0c3 Protanomaly 1% of men, 0.01% of women
#7aafce Deuteranomaly 6% of men, 0.4% of women
#30bbc9 Tritanomaly 0.01% of the population

#2ab9c8 hex color

#2ab9c8 Color Information

#2ab9c8 Color Conversion

Color Schemes with #2ab9c8

Alternatives to #2ab9c8

#2ab9c8 Preview

Shades and Tints of #2ab9c8

Tones of #2ab9c8

Color Blindness Simulator