#2dafb4 hex color

In a RGB color space, hex #2dafb4 is composed of 17.6% red, 68.6% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 2.8% magenta, 0% yellow and 29.4% black. It has a hue angle of 182.2 degrees, a saturation of 60% and a lightness of 44.1%. #2dafb4 color hex could be obtained by blending #5affff with #005f69. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 69
- B 71
RGB color chart
- C 75
- M 3
- Y 0
- K 29
CMYK color chart

● #2dafb4 color description : Strong cyan.

The hexadecimal color #2dafb4 has RGB values of R:45, G:175, B:180 and CMYK values of C:0.75, M:0.03, Y:0, K:0.29. Its decimal value is 2994100.

Hex triplet	2dafb4	`#2dafb4`
RGB Decimal	45, 175, 180	`rgb(45,175,180)`
RGB Percent	17.6, 68.6, 70.6	`rgb(17.6%,68.6%,70.6%)`
CMYK	75, 3, 0, 29
HSL	182.2°, 60, 44.1	`hsl(182.2,60%,44.1%)`
HSV (or HSB)	182.2°, 75, 70.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.366, -31.867, -12.497
XYZ	24.648, 34.511, 48.54
xyY	0.229, 0.32, 34.511
CIE-LCH	65.366, 34.23, 201.413
CIE-LUV	65.366, -46.332, -14.31
Hunter-Lab	58.746, -27.912, -7.867
Binary	00101101, 10101111, 10110100

#2dafb4
```
#2dafb4 rgb(45,175,180)
```
#b4322d
```
#b4322d rgb(180,50,45)
```

Complementary Color

#2db476
```
#2db476 rgb(45,180,118)
```
#2dafb4
```
#2dafb4 rgb(45,175,180)
```
#2d6cb4
```
#2d6cb4 rgb(45,108,180)
```

Analogous Color

#b4762d
```
#b4762d rgb(180,118,45)
```
#2dafb4
```
#2dafb4 rgb(45,175,180)
```
#b42d6c
```
#b42d6c rgb(180,45,108)
```

Split Complementary Color

#afb42d
```
#afb42d rgb(175,180,45)
```
#2dafb4
```
#2dafb4 rgb(45,175,180)
```
#b42daf
```
#b42daf rgb(180,45,175)
```

Triadic Color

#2db432
```
#2db432 rgb(45,180,50)
```
#2dafb4
```
#2dafb4 rgb(45,175,180)
```
#b42daf
```
#b42daf rgb(180,45,175)
```
#b4322d
```
#b4322d rgb(180,50,45)
```

Tetradic Color

#1e7477
```
#1e7477 rgb(30,116,119)
```
#23878b
```
#23878b rgb(35,135,139)
```
#289ba0
```
#289ba0 rgb(40,155,160)
```
#2dafb4
```
#2dafb4 rgb(45,175,180)
```
#32c3c8
```
#32c3c8 rgb(50,195,200)
```
#44cbd0
```
#44cbd0 rgb(68,203,208)
```
#58d1d5
```
#58d1d5 rgb(88,209,213)
```

Monochromatic Color

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

#2db497
```
#2db497 rgb(45,180,151)
```
#2db4a3
```
#2db4a3 rgb(45,180,163)
```
#2db4ae
```
#2db4ae rgb(45,180,174)
```
#2dafb4
```
#2dafb4 rgb(45,175,180)
```
#2da4b4
```
#2da4b4 rgb(45,164,180)
```
#2d99b4
```
#2d99b4 rgb(45,153,180)
```
#2d8db4
```
#2d8db4 rgb(45,141,180)
```

Similar Colors

Text with hexadecimal color #2dafb4

This text has a font color of #2dafb4.

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

#2dafb4 background color

This paragraph has a background color of #2dafb4.

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

#2dafb4 border color

This element has a border color of #2dafb4.

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

CSS codes

.text {color:#2dafb4;}

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

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

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

#020707
```
#020707 rgb(2,7,7)
```
#061617
```
#061617 rgb(6,22,23)
```
#0a2627
```
#0a2627 rgb(10,38,39)
```
#0e3536
```
#0e3536 rgb(14,53,54)
```
#124446
```
#124446 rgb(18,68,70)
```
#155356
```
#155356 rgb(21,83,86)
```
#196366
```
#196366 rgb(25,99,102)
```
#1d7275
```
#1d7275 rgb(29,114,117)
```
#218185
```
#218185 rgb(33,129,133)
```
#259095
```
#259095 rgb(37,144,149)
```
#29a0a4
```
#29a0a4 rgb(41,160,164)
```
#2dafb4
```
#2dafb4 rgb(45,175,180)
```
#31bec4
```
#31bec4 rgb(49,190,196)
```

Shade Color Variation

#3ac8ce
```
#3ac8ce rgb(58,200,206)
```
#4acdd2
```
#4acdd2 rgb(74,205,210)
```
#5ad1d6
```
#5ad1d6 rgb(90,209,214)
```
#69d5da
```
#69d5da rgb(105,213,218)
```
#79dade
```
#79dade rgb(121,218,222)
```
#89dee1
```
#89dee1 rgb(137,222,225)
```
#99e3e5
```
#99e3e5 rgb(153,227,229)
```
#a8e7e9
```
#a8e7e9 rgb(168,231,233)
```
#b8ebed
```
#b8ebed rgb(184,235,237)
```
#c8f0f1
```
#c8f0f1 rgb(200,240,241)
```
#d7f4f5
```
#d7f4f5 rgb(215,244,245)
```
#e7f8f9
```
#e7f8f9 rgb(231,248,249)
```
#f7fdfd
```
#f7fdfd rgb(247,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a7777 is the less saturated color, while #02d7df is the most saturated one.

#6a7777
```
#6a7777 rgb(106,119,119)
```
#617f80
```
#617f80 rgb(97,127,128)
```
#588789
```
#588789 rgb(88,135,137)
```
#508f91
```
#508f91 rgb(80,143,145)
```
#47979a
```
#47979a rgb(71,151,154)
```
#3e9fa3
```
#3e9fa3 rgb(62,159,163)
```
#36a7ab
```
#36a7ab rgb(54,167,171)
```
#2dafb4
```
#2dafb4 rgb(45,175,180)
```
#24b7bd
```
#24b7bd rgb(36,183,189)
```
#1cbfc5
```
#1cbfc5 rgb(28,191,197)
```
#13c7ce
```
#13c7ce rgb(19,199,206)
```
#0acfd7
```
#0acfd7 rgb(10,207,215)
```
#02d7df
```
#02d7df rgb(2,215,223)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#779192 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3a2ae Protanopia 1% of men
#a4a0be Deuteranopia 1% of men
#3eb2bf Tritanopia 0.001% of the population

Trichromacy

#78a7b0 Protanomaly 1% of men, 0.01% of women
#79a5ba Deuteranomaly 6% of men, 0.4% of women
#37b0bb Tritanomaly 0.01% of the population

#2dafb4 hex color

#2dafb4 Color Information

#2dafb4 Color Conversion

Color Schemes with #2dafb4

Alternatives to #2dafb4

#2dafb4 Preview

Shades and Tints of #2dafb4

Tones of #2dafb4

Color Blindness Simulator