#2addd4 hex color

In a RGB color space, hex #2addd4 is composed of 16.5% red, 86.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 0% magenta, 4.1% yellow and 13.3% black. It has a hue angle of 177 degrees, a saturation of 72.5% and a lightness of 51.6%. #2addd4 color hex could be obtained by blending #54ffff with #00bba9. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 16
- G 87
- B 83
RGB color chart
- C 81
- M 0
- Y 4
- K 13
CMYK color chart

● #2addd4 color description : Bright cyan.

The hexadecimal color #2addd4 has RGB values of R:42, G:221, B:212 and CMYK values of C:0.81, M:0, Y:0.04, K:0.13. Its decimal value is 2809300.

Hex triplet	2addd4	`#2addd4`
RGB Decimal	42, 221, 212	`rgb(42,221,212)`
RGB Percent	16.5, 86.7, 83.1	`rgb(16.5%,86.7%,83.1%)`
CMYK	81, 0, 4, 13
HSL	177°, 72.5, 51.6	`hsl(177,72.5%,51.6%)`
HSV (or HSB)	177°, 81, 86.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	80.154, -43.895, -7.843
XYZ	38.691, 56.955, 71.238
xyY	0.232, 0.341, 56.955
CIE-LCH	80.154, 44.59, 190.13
CIE-LUV	80.154, -60.436, -5.392
Hunter-Lab	75.468, -40.556, -3.139
Binary	00101010, 11011101, 11010100

#2addd4
```
#2addd4 rgb(42,221,212)
```
#dd2a33
```
#dd2a33 rgb(221,42,51)
```

Complementary Color

#2add7b
```
#2add7b rgb(42,221,123)
```
#2addd4
```
#2addd4 rgb(42,221,212)
```
#2a8ddd
```
#2a8ddd rgb(42,141,221)
```

Analogous Color

#dd7b2a
```
#dd7b2a rgb(221,123,42)
```
#2addd4
```
#2addd4 rgb(42,221,212)
```
#dd2a8d
```
#dd2a8d rgb(221,42,141)
```

Split Complementary Color

#ddd42a
```
#ddd42a rgb(221,212,42)
```
#2addd4
```
#2addd4 rgb(42,221,212)
```
#d42add
```
#d42add rgb(212,42,221)
```

Triadic Color

#33dd2a
```
#33dd2a rgb(51,221,42)
```
#2addd4
```
#2addd4 rgb(42,221,212)
```
#d42add
```
#d42add rgb(212,42,221)
```
#dd2a33
```
#dd2a33 rgb(221,42,51)
```

Tetradic Color

#1aa19a
```
#1aa19a rgb(26,161,154)
```
#1db7af
```
#1db7af rgb(29,183,175)
```
#21cdc4
```
#21cdc4 rgb(33,205,196)
```
#2addd4
```
#2addd4 rgb(42,221,212)
```
#40e1d8
```
#40e1d8 rgb(64,225,216)
```
#56e4dd
```
#56e4dd rgb(86,228,221)
```
#6ce8e1
```
#6ce8e1 rgb(108,232,225)
```

Monochromatic Color

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

#2adda7
```
#2adda7 rgb(42,221,167)
```
#2addb6
```
#2addb6 rgb(42,221,182)
```
#2addc5
```
#2addc5 rgb(42,221,197)
```
#2addd4
```
#2addd4 rgb(42,221,212)
```
#2ad7dd
```
#2ad7dd rgb(42,215,221)
```
#2ac8dd
```
#2ac8dd rgb(42,200,221)
```
#2ab9dd
```
#2ab9dd rgb(42,185,221)
```

Similar Colors

Text with hexadecimal color #2addd4

This text has a font color of #2addd4.

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

#2addd4 background color

This paragraph has a background color of #2addd4.

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

#2addd4 border color

This element has a border color of #2addd4.

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

CSS codes

.text {color:#2addd4;}

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

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

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

#010707
```
#010707 rgb(1,7,7)
```
#041817
```
#041817 rgb(4,24,23)
```
#072927
```
#072927 rgb(7,41,39)
```
#093a37
```
#093a37 rgb(9,58,55)
```
#0c4b47
```
#0c4b47 rgb(12,75,71)
```
#0f5b58
```
#0f5b58 rgb(15,91,88)
```
#116c68
```
#116c68 rgb(17,108,104)
```
#147d78
```
#147d78 rgb(20,125,120)
```
#178e88
```
#178e88 rgb(23,142,136)
```
#199f98
```
#199f98 rgb(25,159,152)
```
#1cb0a9
```
#1cb0a9 rgb(28,176,169)
```
#1fc1b9
```
#1fc1b9 rgb(31,193,185)
```
#22d2c9
```
#22d2c9 rgb(34,210,201)
```

Shade Color Variation

#2addd4
```
#2addd4 rgb(42,221,212)
```
#3be0d7
```
#3be0d7 rgb(59,224,215)
```
#4ce2db
```
#4ce2db rgb(76,226,219)
```
#5de5de
```
#5de5de rgb(93,229,222)
```
#6ee8e2
```
#6ee8e2 rgb(110,232,226)
```
#7febe5
```
#7febe5 rgb(127,235,229)
```
#8fede8
```
#8fede8 rgb(143,237,232)
```
#a0f0ec
```
#a0f0ec rgb(160,240,236)
```
#b1f3ef
```
#b1f3ef rgb(177,243,239)
```
#c2f5f3
```
#c2f5f3 rgb(194,245,243)
```
#d3f8f6
```
#d3f8f6 rgb(211,248,246)
```
#e4fbfa
```
#e4fbfa rgb(228,251,250)
```
#f5fdfd
```
#f5fdfd rgb(245,253,253)
```

Tint Color Variation

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

#808887
```
#808887 rgb(128,136,135)
```
#769190
```
#769190 rgb(118,145,144)
```
#6d9b98
```
#6d9b98 rgb(109,155,152)
```
#63a4a1
```
#63a4a1 rgb(99,164,161)
```
#5aaea9
```
#5aaea9 rgb(90,174,169)
```
#50b7b2
```
#50b7b2 rgb(80,183,178)
```
#47c1ba
```
#47c1ba rgb(71,193,186)
```
#3dcac3
```
#3dcac3 rgb(61,202,195)
```
#34d4cb
```
#34d4cb rgb(52,212,203)
```
#2addd4
```
#2addd4 rgb(42,221,212)
```
#21e7dd
```
#21e7dd rgb(33,231,221)
```
#17f0e5
```
#17f0e5 rgb(23,240,229)
```
#0efaee
```
#0efaee rgb(14,250,238)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#8db1af Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccc8ca Protanopia 1% of men
#d1c4df Deuteranopia 1% of men
#4adbeb Tritanopia 0.001% of the population

Trichromacy

#91d0cd Protanomaly 1% of men, 0.01% of women
#94cddb Deuteranomaly 6% of men, 0.4% of women
#3edce2 Tritanomaly 0.01% of the population

#2addd4 hex color

#2addd4 Color Information

#2addd4 Color Conversion

Color Schemes with #2addd4

Alternatives to #2addd4

#2addd4 Preview

Shades and Tints of #2addd4

Tones of #2addd4

Color Blindness Simulator