#2abdaf hex color

In a RGB color space, hex #2abdaf is composed of 16.5% red, 74.1% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 0% magenta, 7.4% yellow and 25.9% black. It has a hue angle of 174.3 degrees, a saturation of 63.6% and a lightness of 45.3%. #2abdaf color hex could be obtained by blending #54ffff with #007b5f. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 16
- G 74
- B 69
RGB color chart
- C 78
- M 0
- Y 7
- K 26
CMYK color chart

● #2abdaf color description : Strong cyan.

The hexadecimal color #2abdaf has RGB values of R:42, G:189, B:175 and CMYK values of C:0.78, M:0, Y:0.07, K:0.26. Its decimal value is 2801071.

Hex triplet	2abdaf	`#2abdaf`
RGB Decimal	42, 189, 175	`rgb(42,189,175)`
RGB Percent	16.5, 74.1, 68.6	`rgb(16.5%,74.1%,68.6%)`
CMYK	78, 0, 7, 26
HSL	174.3°, 63.6, 45.3	`hsl(174.3,63.6%,45.3%)`
HSV (or HSB)	174.3°, 77.8, 74.1
Web Safe	33cc99	`#33cc99`

CIE-LAB	69.455, -40.114, -3.658
XYZ	26.888, 39.98, 46.855
xyY	0.236, 0.352, 39.98
CIE-LCH	69.455, 40.28, 185.21
CIE-LUV	69.455, -52.048, 0.629
Hunter-Lab	63.23, -34.747, 0.325
Binary	00101010, 10111101, 10101111

#2abdaf
```
#2abdaf rgb(42,189,175)
```
#bd2a38
```
#bd2a38 rgb(189,42,56)
```

Complementary Color

#2abd66
```
#2abd66 rgb(42,189,102)
```
#2abdaf
```
#2abdaf rgb(42,189,175)
```
#2a82bd
```
#2a82bd rgb(42,130,189)
```

Analogous Color

#bd662a
```
#bd662a rgb(189,102,42)
```
#2abdaf
```
#2abdaf rgb(42,189,175)
```
#bd2a82
```
#bd2a82 rgb(189,42,130)
```

Split Complementary Color

#bdaf2a
```
#bdaf2a rgb(189,175,42)
```
#2abdaf
```
#2abdaf rgb(42,189,175)
```
#af2abd
```
#af2abd rgb(175,42,189)
```

Triadic Color

#38bd2a
```
#38bd2a rgb(56,189,42)
```
#2abdaf
```
#2abdaf rgb(42,189,175)
```
#af2abd
```
#af2abd rgb(175,42,189)
```
#bd2a38
```
#bd2a38 rgb(189,42,56)
```

Tetradic Color

#1c7e75
```
#1c7e75 rgb(28,126,117)
```
#219388
```
#219388 rgb(33,147,136)
```
#25a89c
```
#25a89c rgb(37,168,156)
```
#2abdaf
```
#2abdaf rgb(42,189,175)
```
#30d1c2
```
#30d1c2 rgb(48,209,194)
```
#44d6c8
```
#44d6c8 rgb(68,214,200)
```
#59dace
```
#59dace rgb(89,218,206)
```

Monochromatic Color

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

#2abd8a
```
#2abd8a rgb(42,189,138)
```
#2abd97
```
#2abd97 rgb(42,189,151)
```
#2abda3
```
#2abda3 rgb(42,189,163)
```
#2abdaf
```
#2abdaf rgb(42,189,175)
```
#2abdbb
```
#2abdbb rgb(42,189,187)
```
#2ab3bd
```
#2ab3bd rgb(42,179,189)
```
#2aa6bd
```
#2aa6bd rgb(42,166,189)
```

Similar Colors

Text with hexadecimal color #2abdaf

This text has a font color of #2abdaf.

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

#2abdaf background color

This paragraph has a background color of #2abdaf.

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

#2abdaf border color

This element has a border color of #2abdaf.

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

CSS codes

.text {color:#2abdaf;}

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

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

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, #030c0c is the darkest color, while #fbfefe is the lightest one.

#030c0c
```
#030c0c rgb(3,12,12)
```
#061d1a
```
#061d1a rgb(6,29,26)
```
#0a2d29
```
#0a2d29 rgb(10,45,41)
```
#0d3d38
```
#0d3d38 rgb(13,61,56)
```
#114d47
```
#114d47 rgb(17,77,71)
```
#155d56
```
#155d56 rgb(21,93,86)
```
#186d65
```
#186d65 rgb(24,109,101)
```
#1c7d74
```
#1c7d74 rgb(28,125,116)
```
#1f8d82
```
#1f8d82 rgb(31,141,130)
```
#239d91
```
#239d91 rgb(35,157,145)
```
#26ada0
```
#26ada0 rgb(38,173,160)
```
#2abdaf
```
#2abdaf rgb(42,189,175)
```
#2ecdbe
```
#2ecdbe rgb(46,205,190)
```

Shade Color Variation

#3bd3c5
```
#3bd3c5 rgb(59,211,197)
```
#4bd7ca
```
#4bd7ca rgb(75,215,202)
```
#5bdbce
```
#5bdbce rgb(91,219,206)
```
#6bded3
```
#6bded3 rgb(107,222,211)
```
#7be2d8
```
#7be2d8 rgb(123,226,216)
```
#8be5dd
```
#8be5dd rgb(139,229,221)
```
#9be9e1
```
#9be9e1 rgb(155,233,225)
```
#abece6
```
#abece6 rgb(171,236,230)
```
#bbf0eb
```
#bbf0eb rgb(187,240,235)
```
#cbf4f0
```
#cbf4f0 rgb(203,244,240)
```
#dbf7f4
```
#dbf7f4 rgb(219,247,244)
```
#ebfbf9
```
#ebfbf9 rgb(235,251,249)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #717675 is the less saturated color, while #06e1cc is the most saturated one.

#717675
```
#717675 rgb(113,118,117)
```
#687f7d
```
#687f7d rgb(104,127,125)
```
#5f8884
```
#5f8884 rgb(95,136,132)
```
#56918b
```
#56918b rgb(86,145,139)
```
#4e9992
```
#4e9992 rgb(78,153,146)
```
#45a299
```
#45a299 rgb(69,162,153)
```
#3caba1
```
#3caba1 rgb(60,171,161)
```
#33b4a8
```
#33b4a8 rgb(51,180,168)
```
#2abdaf
```
#2abdaf rgb(42,189,175)
```
#21c6b6
```
#21c6b6 rgb(33,198,182)
```
#18cfbd
```
#18cfbd rgb(24,207,189)
```
#0fd8c5
```
#0fd8c5 rgb(15,216,197)
```
#06e1cc
```
#06e1cc rgb(6,225,204)
```

Tone Color Variation

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

Dichromacy

#b2ada9 Protanopia 1% of men
#b7a9bb Deuteranopia 1% of men
#48bcca Tritanopia 0.001% of the population

Trichromacy

#80b3ab Protanomaly 1% of men, 0.01% of women
#84b0b6 Deuteranomaly 6% of men, 0.4% of women
#3dbcc0 Tritanomaly 0.01% of the population

#2abdaf hex color

#2abdaf Color Information

#2abdaf Color Conversion

Color Schemes with #2abdaf

Alternatives to #2abdaf

#2abdaf Preview

Shades and Tints of #2abdaf

Tones of #2abdaf

Color Blindness Simulator