#2abdc7 hex color

In a RGB color space, hex #2abdc7 is composed of 16.5% red, 74.1% green and 78% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 5% magenta, 0% yellow and 22% black. It has a hue angle of 183.8 degrees, a saturation of 65.1% and a lightness of 47.3%. #2abdc7 color hex could be obtained by blending #54ffff with #007b8f. Closest websafe color is: #33cccc.

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

● #2abdc7 color description : Strong cyan.

The hexadecimal color #2abdc7 has RGB values of R:42, G:189, B:199 and CMYK values of C:0.79, M:0.05, Y:0, K:0.22. Its decimal value is 2801095.

Hex triplet	2abdc7	`#2abdc7`
RGB Decimal	42, 189, 199	`rgb(42,189,199)`
RGB Percent	16.5, 74.1, 78	`rgb(16.5%,74.1%,78%)`
CMYK	79, 5, 0, 22
HSL	183.8°, 65.1, 47.3	`hsl(183.8,65.1%,47.3%)`
HSV (or HSB)	183.8°, 78.9, 78
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.182, -33.102, -15.736
XYZ	29.458, 41.008, 60.392
xyY	0.225, 0.313, 41.008
CIE-LCH	70.182, 36.652, 205.426
CIE-LUV	70.182, -50.311, -19.511
Hunter-Lab	64.038, -29.953, -11.089
Binary	00101010, 10111101, 11000111

#2abdc7
```
#2abdc7 rgb(42,189,199)
```
#c7342a
```
#c7342a rgb(199,52,42)
```

Complementary Color

#2ac783
```
#2ac783 rgb(42,199,131)
```
#2abdc7
```
#2abdc7 rgb(42,189,199)
```
#2a6fc7
```
#2a6fc7 rgb(42,111,199)
```

Analogous Color

#c7832a
```
#c7832a rgb(199,131,42)
```
#2abdc7
```
#2abdc7 rgb(42,189,199)
```
#c72a6f
```
#c72a6f rgb(199,42,111)
```

Split Complementary Color

#bdc72a
```
#bdc72a rgb(189,199,42)
```
#2abdc7
```
#2abdc7 rgb(42,189,199)
```
#c72abd
```
#c72abd rgb(199,42,189)
```

Triadic Color

#2ac734
```
#2ac734 rgb(42,199,52)
```
#2abdc7
```
#2abdc7 rgb(42,189,199)
```
#c72abd
```
#c72abd rgb(199,42,189)
```
#c7342a
```
#c7342a rgb(199,52,42)
```

Tetradic Color

#1d8188
```
#1d8188 rgb(29,129,136)
```
#21959d
```
#21959d rgb(33,149,157)
```
#26a9b2
```
#26a9b2 rgb(38,169,178)
```
#2abdc7
```
#2abdc7 rgb(42,189,199)
```
#36cad5
```
#36cad5 rgb(54,202,213)
```
#4bd0d9
```
#4bd0d9 rgb(75,208,217)
```
#60d5dd
```
#60d5dd rgb(96,213,221)
```

Monochromatic Color

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

#2ac7aa
```
#2ac7aa rgb(42,199,170)
```
#2ac7b7
```
#2ac7b7 rgb(42,199,183)
```
#2ac7c4
```
#2ac7c4 rgb(42,199,196)
```
#2abdc7
```
#2abdc7 rgb(42,189,199)
```
#2ab0c7
```
#2ab0c7 rgb(42,176,199)
```
#2aa3c7
```
#2aa3c7 rgb(42,163,199)
```
#2a96c7
```
#2a96c7 rgb(42,150,199)
```

Similar Colors

Text with hexadecimal color #2abdc7

This text has a font color of #2abdc7.

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

#2abdc7 background color

This paragraph has a background color of #2abdc7.

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

#2abdc7 border color

This element has a border color of #2abdc7.

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

CSS codes

.text {color:#2abdc7;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#041415
```
#041415 rgb(4,20,21)
```
#082325
```
#082325 rgb(8,35,37)
```
#0b3335
```
#0b3335 rgb(11,51,53)
```
#0f4245
```
#0f4245 rgb(15,66,69)
```
#125156
```
#125156 rgb(18,81,86)
```
#156166
```
#156166 rgb(21,97,102)
```
#197076
```
#197076 rgb(25,112,118)
```
#1c7f86
```
#1c7f86 rgb(28,127,134)
```
#208f96
```
#208f96 rgb(32,143,150)
```
#239ea7
```
#239ea7 rgb(35,158,167)
```
#27aeb7
```
#27aeb7 rgb(39,174,183)
```
#2abdc7
```
#2abdc7 rgb(42,189,199)
```

Shade Color Variation

#31c9d4
```
#31c9d4 rgb(49,201,212)
```
#41cdd7
```
#41cdd7 rgb(65,205,215)
```
#51d2da
```
#51d2da rgb(81,210,218)
```
#62d6de
```
#62d6de rgb(98,214,222)
```
#72dae1
```
#72dae1 rgb(114,218,225)
```
#82dee5
```
#82dee5 rgb(130,222,229)
```
#92e3e8
```
#92e3e8 rgb(146,227,232)
```
#a2e7eb
```
#a2e7eb rgb(162,231,235)
```
#b3ebef
```
#b3ebef rgb(179,235,239)
```
#c3eff2
```
#c3eff2 rgb(195,239,242)
```
#d3f4f6
```
#d3f4f6 rgb(211,244,246)
```
#e3f8f9
```
#e3f8f9 rgb(227,248,249)
```
#f3fcfd
```
#f3fcfd rgb(243,252,253)
```

Tint Color Variation

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

#747c7d
```
#747c7d rgb(116,124,125)
```
#6b8486
```
#6b8486 rgb(107,132,134)
```
#628c8f
```
#628c8f rgb(98,140,143)
```
#589599
```
#589599 rgb(88,149,153)
```
#4f9da2
```
#4f9da2 rgb(79,157,162)
```
#46a5ab
```
#46a5ab rgb(70,165,171)
```
#3dadb4
```
#3dadb4 rgb(61,173,180)
```
#33b5be
```
#33b5be rgb(51,181,190)
```
#2abdc7
```
#2abdc7 rgb(42,189,199)
```
#21c5d0
```
#21c5d0 rgb(33,197,208)
```
#17cdda
```
#17cdda rgb(23,205,218)
```
#0ed5e3
```
#0ed5e3 rgb(14,213,227)
```
#05ddec
```
#05ddec rgb(5,221,236)
```

Tone Color Variation

Below, you can see how #2abdc7 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
#7d9b9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeaebf Protanopia 1% of men
#aeacd1 Deuteranopia 1% of men
#39bfcd Tritanopia 0.001% of the population

Trichromacy

#7eb3c2 Protanomaly 1% of men, 0.01% of women
#7eb2cd Deuteranomaly 6% of men, 0.4% of women
#33becb Tritanomaly 0.01% of the population

#2abdc7 hex color

#2abdc7 Color Information

#2abdc7 Color Conversion

Color Schemes with #2abdc7

Alternatives to #2abdc7

#2abdc7 Preview

Shades and Tints of #2abdc7

Tones of #2abdc7

Color Blindness Simulator