#2abac8 hex color

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

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

● #2abac8 color description : Strong cyan.

The hexadecimal color #2abac8 has RGB values of R:42, G:186, B:200 and CMYK values of C:0.79, M:0.07, Y:0, K:0.22. Its decimal value is 2800328.

Hex triplet	2abac8	`#2abac8`
RGB Decimal	42, 186, 200	`rgb(42,186,200)`
RGB Percent	16.5, 72.9, 78.4	`rgb(16.5%,72.9%,78.4%)`
CMYK	79, 7, 0, 22
HSL	185.3°, 65.3, 47.5	`hsl(185.3,65.3%,47.5%)`
HSV (or HSB)	185.3°, 79, 78.4
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.311, -31.359, -17.6
XYZ	28.936, 39.777, 60.793
xyY	0.223, 0.307, 39.777
CIE-LCH	69.311, 35.961, 209.303
CIE-LUV	69.311, -49.186, -22.759
Hunter-Lab	63.069, -28.476, -13.002
Binary	00101010, 10111010, 11001000

#2abac8
```
#2abac8 rgb(42,186,200)
```
#c8382a
```
#c8382a rgb(200,56,42)
```

Complementary Color

#2ac887
```
#2ac887 rgb(42,200,135)
```
#2abac8
```
#2abac8 rgb(42,186,200)
```
#2a6bc8
```
#2a6bc8 rgb(42,107,200)
```

Analogous Color

#c8872a
```
#c8872a rgb(200,135,42)
```
#2abac8
```
#2abac8 rgb(42,186,200)
```
#c82a6b
```
#c82a6b rgb(200,42,107)
```

Split Complementary Color

#bac82a
```
#bac82a rgb(186,200,42)
```
#2abac8
```
#2abac8 rgb(42,186,200)
```
#c82aba
```
#c82aba rgb(200,42,186)
```

Triadic Color

#2ac838
```
#2ac838 rgb(42,200,56)
```
#2abac8
```
#2abac8 rgb(42,186,200)
```
#c82aba
```
#c82aba rgb(200,42,186)
```
#c8382a
```
#c8382a rgb(200,56,42)
```

Tetradic Color

#1d7f89
```
#1d7f89 rgb(29,127,137)
```
#21939e
```
#21939e rgb(33,147,158)
```
#26a6b3
```
#26a6b3 rgb(38,166,179)
```
#2abac8
```
#2abac8 rgb(42,186,200)
```
#37c7d5
```
#37c7d5 rgb(55,199,213)
```
#4ccdd9
```
#4ccdd9 rgb(76,205,217)
```
#61d3de
```
#61d3de rgb(97,211,222)
```

Monochromatic Color

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

#2ac8af
```
#2ac8af rgb(42,200,175)
```
#2ac8bc
```
#2ac8bc rgb(42,200,188)
```
#2ac7c8
```
#2ac7c8 rgb(42,199,200)
```
#2abac8
```
#2abac8 rgb(42,186,200)
```
#2aadc8
```
#2aadc8 rgb(42,173,200)
```
#2aa0c8
```
#2aa0c8 rgb(42,160,200)
```
#2a93c8
```
#2a93c8 rgb(42,147,200)
```

Similar Colors

Text with hexadecimal color #2abac8

This text has a font color of #2abac8.

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

#2abac8 background color

This paragraph has a background color of #2abac8.

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

#2abac8 border color

This element has a border color of #2abac8.

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

CSS codes

.text {color:#2abac8;}

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

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

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)
```
#166067
```
#166067 rgb(22,96,103)
```
#196f77
```
#196f77 rgb(25,111,119)
```
#1c7e87
```
#1c7e87 rgb(28,126,135)
```
#208d97
```
#208d97 rgb(32,141,151)
```
#239ca8
```
#239ca8 rgb(35,156,168)
```
#27abb8
```
#27abb8 rgb(39,171,184)
```
#2abac8
```
#2abac8 rgb(42,186,200)
```

Shade Color Variation

#32c6d4
```
#32c6d4 rgb(50,198,212)
```
#42cad7
```
#42cad7 rgb(66,202,215)
```
#52cfdb
```
#52cfdb rgb(82,207,219)
```
#62d3de
```
#62d3de rgb(98,211,222)
```
#73d8e2
```
#73d8e2 rgb(115,216,226)
```
#83dce5
```
#83dce5 rgb(131,220,229)
```
#93e1e8
```
#93e1e8 rgb(147,225,232)
```
#a3e5ec
```
#a3e5ec rgb(163,229,236)
```
#b3eaef
```
#b3eaef rgb(179,234,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 #05d9ed is the most saturated one.

#747d7e
```
#747d7e rgb(116,125,126)
```
#6b8487
```
#6b8487 rgb(107,132,135)
```
#628c90
```
#628c90 rgb(98,140,144)
```
#599499
```
#599499 rgb(89,148,153)
```
#4f9ba3
```
#4f9ba3 rgb(79,155,163)
```
#46a3ac
```
#46a3ac rgb(70,163,172)
```
#3dabb5
```
#3dabb5 rgb(61,171,181)
```
#33b2bf
```
#33b2bf rgb(51,178,191)
```
#2abac8
```
#2abac8 rgb(42,186,200)
```
#21c2d1
```
#21c2d1 rgb(33,194,209)
```
#17c9db
```
#17c9db rgb(23,201,219)
```
#0ed1e4
```
#0ed1e4 rgb(14,209,228)
```
#05d9ed
```
#05d9ed rgb(5,217,237)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#7c999c Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaacc0 Protanopia 1% of men
#aaaad2 Deuteranopia 1% of men
#35bdcb Tritanopia 0.001% of the population

Trichromacy

#7bb1c3 Protanomaly 1% of men, 0.01% of women
#7bb0ce Deuteranomaly 6% of men, 0.4% of women
#31bcca Tritanomaly 0.01% of the population

#2abac8 hex color

#2abac8 Color Information

#2abac8 Color Conversion

Color Schemes with #2abac8

Alternatives to #2abac8

#2abac8 Preview

Shades and Tints of #2abac8

Tones of #2abac8

Color Blindness Simulator