#2ddfb3 hex color

In a RGB color space, hex #2ddfb3 is composed of 17.6% red, 87.5% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 79.8% cyan, 0% magenta, 19.7% yellow and 12.5% black. It has a hue angle of 165.2 degrees, a saturation of 73.6% and a lightness of 52.5%. #2ddfb3 color hex could be obtained by blending #5affff with #00bf67. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 18
- G 87
- B 70
RGB color chart
- C 80
- M 0
- Y 20
- K 13
CMYK color chart

● #2ddfb3 color description : Bright cyan.

The hexadecimal color #2ddfb3 has RGB values of R:45, G:223, B:179 and CMYK values of C:0.8, M:0, Y:0.2, K:0.13. Its decimal value is 3006387.

Hex triplet	2ddfb3	`#2ddfb3`
RGB Decimal	45, 223, 179	`rgb(45,223,179)`
RGB Percent	17.6, 87.5, 70.2	`rgb(17.6%,87.5%,70.2%)`
CMYK	80, 0, 20, 13
HSL	165.2°, 73.6, 52.5	`hsl(165.2,73.6%,52.5%)`
HSV (or HSB)	165.2°, 79.8, 87.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	79.945, -53.127, 9.403
XYZ	35.603, 56.584, 51.691
xyY	0.247, 0.393, 56.584
CIE-LCH	79.945, 53.952, 169.964
CIE-LUV	79.945, -63.22, 22.448
Hunter-Lab	75.223, -47.154, 11.913
Binary	00101101, 11011111, 10110011

#2ddfb3
```
#2ddfb3 rgb(45,223,179)
```
#df2d59
```
#df2d59 rgb(223,45,89)
```

Complementary Color

#2ddf5a
```
#2ddf5a rgb(45,223,90)
```
#2ddfb3
```
#2ddfb3 rgb(45,223,179)
```
#2db2df
```
#2db2df rgb(45,178,223)
```

Analogous Color

#df5a2d
```
#df5a2d rgb(223,90,45)
```
#2ddfb3
```
#2ddfb3 rgb(45,223,179)
```
#df2db2
```
#df2db2 rgb(223,45,178)
```

Split Complementary Color

#dfb32d
```
#dfb32d rgb(223,179,45)
```
#2ddfb3
```
#2ddfb3 rgb(45,223,179)
```
#b32ddf
```
#b32ddf rgb(179,45,223)
```

Triadic Color

#59df2d
```
#59df2d rgb(89,223,45)
```
#2ddfb3
```
#2ddfb3 rgb(45,223,179)
```
#b32ddf
```
#b32ddf rgb(179,45,223)
```
#df2d59
```
#df2d59 rgb(223,45,89)
```

Tetradic Color

#19a683
```
#19a683 rgb(25,166,131)
```
#1dbc95
```
#1dbc95 rgb(29,188,149)
```
#20d2a6
```
#20d2a6 rgb(32,210,166)
```
#2ddfb3
```
#2ddfb3 rgb(45,223,179)
```
#43e2bb
```
#43e2bb rgb(67,226,187)
```
#59e6c3
```
#59e6c3 rgb(89,230,195)
```
#6fe9cb
```
#6fe9cb rgb(111,233,203)
```

Monochromatic Color

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

#2ddf87
```
#2ddf87 rgb(45,223,135)
```
#2ddf95
```
#2ddf95 rgb(45,223,149)
```
#2ddfa4
```
#2ddfa4 rgb(45,223,164)
```
#2ddfb3
```
#2ddfb3 rgb(45,223,179)
```
#2ddfc2
```
#2ddfc2 rgb(45,223,194)
```
#2ddfd1
```
#2ddfd1 rgb(45,223,209)
```
#2ddfdf
```
#2ddfdf rgb(45,223,223)
```

Similar Colors

Text with hexadecimal color #2ddfb3

This text has a font color of #2ddfb3.

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

#2ddfb3 background color

This paragraph has a background color of #2ddfb3.

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

#2ddfb3 border color

This element has a border color of #2ddfb3.

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

CSS codes

.text {color:#2ddfb3;}

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

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

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, #020b09 is the darkest color, while #f9fefd is the lightest one.

#020b09
```
#020b09 rgb(2,11,9)
```
#041c16
```
#041c16 rgb(4,28,22)
```
#072d24
```
#072d24 rgb(7,45,36)
```
#0a3e31
```
#0a3e31 rgb(10,62,49)
```
#0c4f3f
```
#0c4f3f rgb(12,79,63)
```
#0f604c
```
#0f604c rgb(15,96,76)
```
#11715a
```
#11715a rgb(17,113,90)
```
#148267
```
#148267 rgb(20,130,103)
```
#169375
```
#169375 rgb(22,147,117)
```
#19a482
```
#19a482 rgb(25,164,130)
```
#1cb58f
```
#1cb58f rgb(28,181,143)
```
#1ec79d
```
#1ec79d rgb(30,199,157)
```
#21d8aa
```
#21d8aa rgb(33,216,170)
```

Shade Color Variation

#2ddfb3
```
#2ddfb3 rgb(45,223,179)
```
#3ee2b9
```
#3ee2b9 rgb(62,226,185)
```
#4fe4bf
```
#4fe4bf rgb(79,228,191)
```
#60e7c5
```
#60e7c5 rgb(96,231,197)
```
#71e9cc
```
#71e9cc rgb(113,233,204)
```
#82ecd2
```
#82ecd2 rgb(130,236,210)
```
#93efd8
```
#93efd8 rgb(147,239,216)
```
#a4f1de
```
#a4f1de rgb(164,241,222)
```
#b5f4e4
```
#b5f4e4 rgb(181,244,228)
```
#c6f6ea
```
#c6f6ea rgb(198,246,234)
```
#d7f9f1
```
#d7f9f1 rgb(215,249,241)
```
#e8fcf7
```
#e8fcf7 rgb(232,252,247)
```
#f9fefd
```
#f9fefd rgb(249,254,253)
```

Tint Color Variation

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

#818b89
```
#818b89 rgb(129,139,137)
```
#77958d
```
#77958d rgb(119,149,141)
```
#6e9e92
```
#6e9e92 rgb(110,158,146)
```
#65a797
```
#65a797 rgb(101,167,151)
```
#5cb09b
```
#5cb09b rgb(92,176,155)
```
#52baa0
```
#52baa0 rgb(82,186,160)
```
#49c3a5
```
#49c3a5 rgb(73,195,165)
```
#40ccaa
```
#40ccaa rgb(64,204,170)
```
#36d6ae
```
#36d6ae rgb(54,214,174)
```
#2ddfb3
```
#2ddfb3 rgb(45,223,179)
```
#24e8b8
```
#24e8b8 rgb(36,232,184)
```
#1af2bc
```
#1af2bc rgb(26,242,188)
```
#11fbc1
```
#11fbc1 rgb(17,251,193)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#8db1a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3c8ab Protanopia 1% of men
#dec2c1 Deuteranopia 1% of men
#5dd9e9 Tritanopia 0.001% of the population

Trichromacy

#96d0ae Protanomaly 1% of men, 0.01% of women
#9ecdbc Deuteranomaly 6% of men, 0.4% of women
#4bdbd5 Tritanomaly 0.01% of the population

#2ddfb3 hex color

#2ddfb3 Color Information

#2ddfb3 Color Conversion

Color Schemes with #2ddfb3

Alternatives to #2ddfb3

#2ddfb3 Preview

Shades and Tints of #2ddfb3

Tones of #2ddfb3

Color Blindness Simulator