#2ad7bf hex color

In a RGB color space, hex #2ad7bf is composed of 16.5% red, 84.3% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 0% magenta, 11.2% yellow and 15.7% black. It has a hue angle of 171.7 degrees, a saturation of 68.4% and a lightness of 50.4%. #2ad7bf color hex could be obtained by blending #54ffff with #00af7f. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 16
- G 84
- B 75
RGB color chart
- C 80
- M 0
- Y 11
- K 16
CMYK color chart

● #2ad7bf color description : Strong cyan.

The hexadecimal color #2ad7bf has RGB values of R:42, G:215, B:191 and CMYK values of C:0.8, M:0, Y:0.11, K:0.16. Its decimal value is 2807743.

Hex triplet	2ad7bf	`#2ad7bf`
RGB Decimal	42, 215, 191	`rgb(42,215,191)`
RGB Percent	16.5, 84.3, 74.9	`rgb(16.5%,84.3%,74.9%)`
CMYK	80, 0, 11, 16
HSL	171.7°, 68.4, 50.4	`hsl(171.7,68.4%,50.4%)`
HSV (or HSB)	171.7°, 80.5, 84.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	77.787, -47.05, -0.109
XYZ	34.656, 52.851, 57.662
xyY	0.239, 0.364, 52.851
CIE-LCH	77.787, 47.05, 180.132
CIE-LUV	77.787, -59.938, 7.209
Hunter-Lab	72.699, -42.131, 3.862
Binary	00101010, 11010111, 10111111

#2ad7bf
```
#2ad7bf rgb(42,215,191)
```
#d72a42
```
#d72a42 rgb(215,42,66)
```

Complementary Color

#2ad769
```
#2ad769 rgb(42,215,105)
```
#2ad7bf
```
#2ad7bf rgb(42,215,191)
```
#2a99d7
```
#2a99d7 rgb(42,153,215)
```

Analogous Color

#d7692a
```
#d7692a rgb(215,105,42)
```
#2ad7bf
```
#2ad7bf rgb(42,215,191)
```
#d72a99
```
#d72a99 rgb(215,42,153)
```

Split Complementary Color

#d7bf2a
```
#d7bf2a rgb(215,191,42)
```
#2ad7bf
```
#2ad7bf rgb(42,215,191)
```
#bf2ad7
```
#bf2ad7 rgb(191,42,215)
```

Triadic Color

#42d72a
```
#42d72a rgb(66,215,42)
```
#2ad7bf
```
#2ad7bf rgb(42,215,191)
```
#bf2ad7
```
#bf2ad7 rgb(191,42,215)
```
#d72a42
```
#d72a42 rgb(215,42,66)
```

Tetradic Color

#1d9887
```
#1d9887 rgb(29,152,135)
```
#21ad9a
```
#21ad9a rgb(33,173,154)
```
#25c3ad
```
#25c3ad rgb(37,195,173)
```
#2ad7bf
```
#2ad7bf rgb(42,215,191)
```
#3fdbc5
```
#3fdbc5 rgb(63,219,197)
```
#55dfcc
```
#55dfcc rgb(85,223,204)
```
#6ae3d2
```
#6ae3d2 rgb(106,227,210)
```

Monochromatic Color

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

#2ad794
```
#2ad794 rgb(42,215,148)
```
#2ad7a2
```
#2ad7a2 rgb(42,215,162)
```
#2ad7b1
```
#2ad7b1 rgb(42,215,177)
```
#2ad7bf
```
#2ad7bf rgb(42,215,191)
```
#2ad7cd
```
#2ad7cd rgb(42,215,205)
```
#2ad2d7
```
#2ad2d7 rgb(42,210,215)
```
#2ac4d7
```
#2ac4d7 rgb(42,196,215)
```

Similar Colors

Text with hexadecimal color #2ad7bf

This text has a font color of #2ad7bf.

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

#2ad7bf background color

This paragraph has a background color of #2ad7bf.

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

#2ad7bf border color

This element has a border color of #2ad7bf.

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

CSS codes

.text {color:#2ad7bf;}

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

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

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

#000201
```
#000201 rgb(0,2,1)
```
#031210
```
#031210 rgb(3,18,16)
```
#07231f
```
#07231f rgb(7,35,31)
```
#0a332d
```
#0a332d rgb(10,51,45)
```
#0d443c
```
#0d443c rgb(13,68,60)
```
#10544b
```
#10544b rgb(16,84,75)
```
#136559
```
#136559 rgb(19,101,89)
```
#167568
```
#167568 rgb(22,117,104)
```
#198677
```
#198677 rgb(25,134,119)
```
#1c9685
```
#1c9685 rgb(28,150,133)
```
#1fa794
```
#1fa794 rgb(31,167,148)
```
#22b7a3
```
#22b7a3 rgb(34,183,163)
```
#26c8b1
```
#26c8b1 rgb(38,200,177)
```

Shade Color Variation

#2ad7bf
```
#2ad7bf rgb(42,215,191)
```
#3bdac4
```
#3bdac4 rgb(59,218,196)
```
#4bddc9
```
#4bddc9 rgb(75,221,201)
```
#5ce0ce
```
#5ce0ce rgb(92,224,206)
```
#6ce3d3
```
#6ce3d3 rgb(108,227,211)
```
#7de7d8
```
#7de7d8 rgb(125,231,216)
```
#8deadd
```
#8deadd rgb(141,234,221)
```
#9eede2
```
#9eede2 rgb(158,237,226)
```
#aef0e7
```
#aef0e7 rgb(174,240,231)
```
#bff3ec
```
#bff3ec rgb(191,243,236)
```
#cff6f1
```
#cff6f1 rgb(207,246,241)
```
#e0f9f6
```
#e0f9f6 rgb(224,249,246)
```
#f0fcfb
```
#f0fcfb rgb(240,252,251)
```

Tint Color Variation

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

#788987
```
#788987 rgb(120,137,135)
```
#6e938e
```
#6e938e rgb(110,147,142)
```
#649d95
```
#649d95 rgb(100,157,149)
```
#5ba69c
```
#5ba69c rgb(91,166,156)
```
#51b0a3
```
#51b0a3 rgb(81,176,163)
```
#47baaa
```
#47baaa rgb(71,186,170)
```
#3dc4b1
```
#3dc4b1 rgb(61,196,177)
```
#34cdb8
```
#34cdb8 rgb(52,205,184)
```
#2ad7bf
```
#2ad7bf rgb(42,215,191)
```
#20e1c6
```
#20e1c6 rgb(32,225,198)
```
#17eacd
```
#17eacd rgb(23,234,205)
```
#0df4d4
```
#0df4d4 rgb(13,244,212)
```
#03fedb
```
#03fedb rgb(3,254,219)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#89aca7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9c2b6 Protanopia 1% of men
#d1becc Deuteranopia 1% of men
#51d4e3 Tritanopia 0.001% of the population

Trichromacy

#8fcab9 Protanomaly 1% of men, 0.01% of women
#94c7c7 Deuteranomaly 6% of men, 0.4% of women
#43d5d6 Tritanomaly 0.01% of the population

#2ad7bf hex color

#2ad7bf Color Information

#2ad7bf Color Conversion

Color Schemes with #2ad7bf

Alternatives to #2ad7bf

#2ad7bf Preview

Shades and Tints of #2ad7bf

Tones of #2ad7bf

Color Blindness Simulator