#2dabb4 hex color

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

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

● #2dabb4 color description : Strong cyan.

The hexadecimal color #2dabb4 has RGB values of R:45, G:171, B:180 and CMYK values of C:0.75, M:0.05, Y:0, K:0.29. Its decimal value is 2993076.

Hex triplet	2dabb4	`#2dabb4`
RGB Decimal	45, 171, 180	`rgb(45,171,180)`
RGB Percent	17.6, 67.1, 70.6	`rgb(17.6%,67.1%,70.6%)`
CMYK	75, 5, 0, 29
HSL	184°, 60, 44.1	`hsl(184,60%,44.1%)`
HSV (or HSB)	184°, 75, 70.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.142, -29.934, -14.338
XYZ	23.881, 32.977, 48.284
xyY	0.227, 0.314, 32.977
CIE-LCH	64.142, 33.191, 205.594
CIE-LUV	64.142, -44.899, -17.467
Hunter-Lab	57.425, -26.264, -9.654
Binary	00101101, 10101011, 10110100

#2dabb4
```
#2dabb4 rgb(45,171,180)
```
#b4362d
```
#b4362d rgb(180,54,45)
```

Complementary Color

#2db47a
```
#2db47a rgb(45,180,122)
```
#2dabb4
```
#2dabb4 rgb(45,171,180)
```
#2d68b4
```
#2d68b4 rgb(45,104,180)
```

Analogous Color

#b47a2d
```
#b47a2d rgb(180,122,45)
```
#2dabb4
```
#2dabb4 rgb(45,171,180)
```
#b42d68
```
#b42d68 rgb(180,45,104)
```

Split Complementary Color

#abb42d
```
#abb42d rgb(171,180,45)
```
#2dabb4
```
#2dabb4 rgb(45,171,180)
```
#b42dab
```
#b42dab rgb(180,45,171)
```

Triadic Color

#2db436
```
#2db436 rgb(45,180,54)
```
#2dabb4
```
#2dabb4 rgb(45,171,180)
```
#b42dab
```
#b42dab rgb(180,45,171)
```
#b4362d
```
#b4362d rgb(180,54,45)
```

Tetradic Color

#1e7177
```
#1e7177 rgb(30,113,119)
```
#23848b
```
#23848b rgb(35,132,139)
```
#2898a0
```
#2898a0 rgb(40,152,160)
```
#2dabb4
```
#2dabb4 rgb(45,171,180)
```
#32bec8
```
#32bec8 rgb(50,190,200)
```
#44c7d0
```
#44c7d0 rgb(68,199,208)
```
#58cdd5
```
#58cdd5 rgb(88,205,213)
```

Monochromatic Color

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

#2db49b
```
#2db49b rgb(45,180,155)
```
#2db4a7
```
#2db4a7 rgb(45,180,167)
```
#2db4b2
```
#2db4b2 rgb(45,180,178)
```
#2dabb4
```
#2dabb4 rgb(45,171,180)
```
#2da0b4
```
#2da0b4 rgb(45,160,180)
```
#2d95b4
```
#2d95b4 rgb(45,149,180)
```
#2d89b4
```
#2d89b4 rgb(45,137,180)
```

Similar Colors

Text with hexadecimal color #2dabb4

This text has a font color of #2dabb4.

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

#2dabb4 background color

This paragraph has a background color of #2dabb4.

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

#2dabb4 border color

This element has a border color of #2dabb4.

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

CSS codes

.text {color:#2dabb4;}

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

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

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)
```
#0a2527
```
#0a2527 rgb(10,37,39)
```
#0e3436
```
#0e3436 rgb(14,52,54)
```
#124346
```
#124346 rgb(18,67,70)
```
#155256
```
#155256 rgb(21,82,86)
```
#196066
```
#196066 rgb(25,96,102)
```
#1d6f75
```
#1d6f75 rgb(29,111,117)
```
#217e85
```
#217e85 rgb(33,126,133)
```
#258d95
```
#258d95 rgb(37,141,149)
```
#299ca4
```
#299ca4 rgb(41,156,164)
```
#2dabb4
```
#2dabb4 rgb(45,171,180)
```
#31bac4
```
#31bac4 rgb(49,186,196)
```

Shade Color Variation

#3ac4ce
```
#3ac4ce rgb(58,196,206)
```
#4ac9d2
```
#4ac9d2 rgb(74,201,210)
```
#5acdd6
```
#5acdd6 rgb(90,205,214)
```
#69d2da
```
#69d2da rgb(105,210,218)
```
#79d7de
```
#79d7de rgb(121,215,222)
```
#89dce1
```
#89dce1 rgb(137,220,225)
```
#99e0e5
```
#99e0e5 rgb(153,224,229)
```
#a8e5e9
```
#a8e5e9 rgb(168,229,233)
```
#b8eaed
```
#b8eaed rgb(184,234,237)
```
#c8eef1
```
#c8eef1 rgb(200,238,241)
```
#d7f3f5
```
#d7f3f5 rgb(215,243,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 #02d1df is the most saturated one.

#6a7777
```
#6a7777 rgb(106,119,119)
```
#617e80
```
#617e80 rgb(97,126,128)
```
#588689
```
#588689 rgb(88,134,137)
```
#508d91
```
#508d91 rgb(80,141,145)
```
#47959a
```
#47959a rgb(71,149,154)
```
#3e9ca3
```
#3e9ca3 rgb(62,156,163)
```
#36a4ab
```
#36a4ab rgb(54,164,171)
```
#2dabb4
```
#2dabb4 rgb(45,171,180)
```
#24b3bd
```
#24b3bd rgb(36,179,189)
```
#1cbac5
```
#1cbac5 rgb(28,186,197)
```
#13c2ce
```
#13c2ce rgb(19,194,206)
```
#0ac9d7
```
#0ac9d7 rgb(10,201,215)
```
#02d1df
```
#02d1df rgb(2,209,223)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#748d8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9fae Protanopia 1% of men
#9f9dbe Deuteranopia 1% of men
#3baebb Tritanopia 0.001% of the population

Trichromacy

#75a3b0 Protanomaly 1% of men, 0.01% of women
#76a2ba Deuteranomaly 6% of men, 0.4% of women
#36adb8 Tritanomaly 0.01% of the population

#2dabb4 hex color

#2dabb4 Color Information

#2dabb4 Color Conversion

Color Schemes with #2dabb4

Alternatives to #2dabb4

#2dabb4 Preview

Shades and Tints of #2dabb4

Tones of #2dabb4

Color Blindness Simulator