#2ddcb1 hex color

In a RGB color space, hex #2ddcb1 is composed of 17.6% red, 86.3% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 0% magenta, 19.5% yellow and 13.7% black. It has a hue angle of 165.3 degrees, a saturation of 71.4% and a lightness of 52%. #2ddcb1 color hex could be obtained by blending #5affff with #00b963. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 18
- G 86
- B 69
RGB color chart
- C 80
- M 0
- Y 20
- K 14
CMYK color chart

● #2ddcb1 color description : Bright cyan.

The hexadecimal color #2ddcb1 has RGB values of R:45, G:220, B:177 and CMYK values of C:0.8, M:0, Y:0.2, K:0.14. Its decimal value is 3005617.

Hex triplet	2ddcb1	`#2ddcb1`
RGB Decimal	45, 220, 177	`rgb(45,220,177)`
RGB Percent	17.6, 86.3, 69.4	`rgb(17.6%,86.3%,69.4%)`
CMYK	80, 0, 20, 14
HSL	165.3°, 71.4, 52	`hsl(165.3,71.4%,52%)`
HSV (or HSB)	165.3°, 79.5, 86.3
Web Safe	33cc99	`#33cc99`

CIE-LAB	78.992, -52.41, 9.102
XYZ	34.608, 54.915, 50.368
xyY	0.247, 0.393, 54.915
CIE-LCH	78.992, 53.194, 170.148
CIE-LUV	78.992, -62.335, 21.85
Hunter-Lab	74.105, -46.321, 11.574
Binary	00101101, 11011100, 10110001

#2ddcb1
```
#2ddcb1 rgb(45,220,177)
```
#dc2d58
```
#dc2d58 rgb(220,45,88)
```

Complementary Color

#2ddc5a
```
#2ddc5a rgb(45,220,90)
```
#2ddcb1
```
#2ddcb1 rgb(45,220,177)
```
#2db0dc
```
#2db0dc rgb(45,176,220)
```

Analogous Color

#dc5a2d
```
#dc5a2d rgb(220,90,45)
```
#2ddcb1
```
#2ddcb1 rgb(45,220,177)
```
#dc2db0
```
#dc2db0 rgb(220,45,176)
```

Split Complementary Color

#dcb12d
```
#dcb12d rgb(220,177,45)
```
#2ddcb1
```
#2ddcb1 rgb(45,220,177)
```
#b12ddc
```
#b12ddc rgb(177,45,220)
```

Triadic Color

#58dc2d
```
#58dc2d rgb(88,220,45)
```
#2ddcb1
```
#2ddcb1 rgb(45,220,177)
```
#b12ddc
```
#b12ddc rgb(177,45,220)
```
#dc2d58
```
#dc2d58 rgb(220,45,88)
```

Tetradic Color

#1ba280
```
#1ba280 rgb(27,162,128)
```
#1fb792
```
#1fb792 rgb(31,183,146)
```
#22cda3
```
#22cda3 rgb(34,205,163)
```
#2ddcb1
```
#2ddcb1 rgb(45,220,177)
```
#43e0b9
```
#43e0b9 rgb(67,224,185)
```
#59e3c1
```
#59e3c1 rgb(89,227,193)
```
#6fe7c9
```
#6fe7c9 rgb(111,231,201)
```

Monochromatic Color

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

#2ddc85
```
#2ddc85 rgb(45,220,133)
```
#2ddc94
```
#2ddc94 rgb(45,220,148)
```
#2ddca2
```
#2ddca2 rgb(45,220,162)
```
#2ddcb1
```
#2ddcb1 rgb(45,220,177)
```
#2ddcc0
```
#2ddcc0 rgb(45,220,192)
```
#2ddcce
```
#2ddcce rgb(45,220,206)
```
#2ddbdc
```
#2ddbdc rgb(45,219,220)
```

Similar Colors

Text with hexadecimal color #2ddcb1

This text has a font color of #2ddcb1.

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

#2ddcb1 background color

This paragraph has a background color of #2ddcb1.

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

#2ddcb1 border color

This element has a border color of #2ddcb1.

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

CSS codes

.text {color:#2ddcb1;}

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

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

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

#010907
```
#010907 rgb(1,9,7)
```
#041914
```
#041914 rgb(4,25,20)
```
#072a22
```
#072a22 rgb(7,42,34)
```
#0a3b2f
```
#0a3b2f rgb(10,59,47)
```
#0d4c3c
```
#0d4c3c rgb(13,76,60)
```
#0f5d4a
```
#0f5d4a rgb(15,93,74)
```
#126d57
```
#126d57 rgb(18,109,87)
```
#157e64
```
#157e64 rgb(21,126,100)
```
#188f72
```
#188f72 rgb(24,143,114)
```
#1ba07f
```
#1ba07f rgb(27,160,127)
```
#1db18d
```
#1db18d rgb(29,177,141)
```
#20c29a
```
#20c29a rgb(32,194,154)
```
#23d2a7
```
#23d2a7 rgb(35,210,167)
```

Shade Color Variation

#2ddcb1
```
#2ddcb1 rgb(45,220,177)
```
#3edfb7
```
#3edfb7 rgb(62,223,183)
```
#4fe2bd
```
#4fe2bd rgb(79,226,189)
```
#5fe4c4
```
#5fe4c4 rgb(95,228,196)
```
#70e7ca
```
#70e7ca rgb(112,231,202)
```
#81ead0
```
#81ead0 rgb(129,234,208)
```
#92edd6
```
#92edd6 rgb(146,237,214)
```
#a3f0dd
```
#a3f0dd rgb(163,240,221)
```
#b4f2e3
```
#b4f2e3 rgb(180,242,227)
```
#c4f5e9
```
#c4f5e9 rgb(196,245,233)
```
#d5f8ef
```
#d5f8ef rgb(213,248,239)
```
#e6fbf6
```
#e6fbf6 rgb(230,251,246)
```
#f7fefc
```
#f7fefc rgb(247,254,252)
```

Tint Color Variation

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

#828786
```
#828786 rgb(130,135,134)
```
#78918b
```
#78918b rgb(120,145,139)
```
#6f9a8f
```
#6f9a8f rgb(111,154,143)
```
#66a394
```
#66a394 rgb(102,163,148)
```
#5cad99
```
#5cad99 rgb(92,173,153)
```
#53b69e
```
#53b69e rgb(83,182,158)
```
#49c0a3
```
#49c0a3 rgb(73,192,163)
```
#40c9a7
```
#40c9a7 rgb(64,201,167)
```
#36d3ac
```
#36d3ac rgb(54,211,172)
```
#2ddcb1
```
#2ddcb1 rgb(45,220,177)
```
#24e5b6
```
#24e5b6 rgb(36,229,182)
```
#1aefbb
```
#1aefbb rgb(26,239,187)
```
#11f8bf
```
#11f8bf rgb(17,248,191)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#8baea6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0c6a9 Protanopia 1% of men
#dbc0bf Deuteranopia 1% of men
#5cd6e6 Tritanopia 0.001% of the population

Trichromacy

#95ceac Protanomaly 1% of men, 0.01% of women
#9ccaba Deuteranomaly 6% of men, 0.4% of women
#4bd8d3 Tritanomaly 0.01% of the population

#2ddcb1 hex color

#2ddcb1 Color Information

#2ddcb1 Color Conversion

Color Schemes with #2ddcb1

Alternatives to #2ddcb1

#2ddcb1 Preview

Shades and Tints of #2ddcb1

Tones of #2ddcb1

Color Blindness Simulator