#2badd1 hex color

In a RGB color space, hex #2badd1 is composed of 16.9% red, 67.8% green and 82% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 17.2% magenta, 0% yellow and 18% black. It has a hue angle of 193 degrees, a saturation of 65.9% and a lightness of 49.4%. #2badd1 color hex could be obtained by blending #56ffff with #005ba3. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 17
- G 68
- B 82
RGB color chart
- C 79
- M 17
- Y 0
- K 18
CMYK color chart

● #2badd1 color description : Strong cyan.

The hexadecimal color #2badd1 has RGB values of R:43, G:173, B:209 and CMYK values of C:0.79, M:0.17, Y:0, K:0.18. Its decimal value is 2862545.

Hex triplet	2badd1	`#2badd1`
RGB Decimal	43, 173, 209	`rgb(43,173,209)`
RGB Percent	16.9, 67.8, 82	`rgb(16.9%,67.8%,82%)`
CMYK	79, 17, 0, 18
HSL	193°, 65.9, 49.4	`hsl(193,65.9%,49.4%)`
HSV (or HSB)	193°, 79.4, 82
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.75, -21.889, -27.994
XYZ	27.445, 35.002, 65.628
xyY	0.214, 0.273, 35.002
CIE-LCH	65.75, 35.536, 231.977
CIE-LUV	65.75, -43.881, -40.989
Hunter-Lab	59.162, -20.728, -24.356
Binary	00101011, 10101101, 11010001

#2badd1
```
#2badd1 rgb(43,173,209)
```
#d14f2b
```
#d14f2b rgb(209,79,43)
```

Complementary Color

#2bd1a2
```
#2bd1a2 rgb(43,209,162)
```
#2badd1
```
#2badd1 rgb(43,173,209)
```
#2b5ad1
```
#2b5ad1 rgb(43,90,209)
```

Analogous Color

#d1a22b
```
#d1a22b rgb(209,162,43)
```
#2badd1
```
#2badd1 rgb(43,173,209)
```
#d12b5a
```
#d12b5a rgb(209,43,90)
```

Split Complementary Color

#add12b
```
#add12b rgb(173,209,43)
```
#2badd1
```
#2badd1 rgb(43,173,209)
```
#d12bad
```
#d12bad rgb(209,43,173)
```

Triadic Color

#2bd14f
```
#2bd14f rgb(43,209,79)
```
#2badd1
```
#2badd1 rgb(43,173,209)
```
#d12bad
```
#d12bad rgb(209,43,173)
```
#d14f2b
```
#d14f2b rgb(209,79,43)
```

Tetradic Color

#1e7892
```
#1e7892 rgb(30,120,146)
```
#228aa7
```
#228aa7 rgb(34,138,167)
```
#279bbc
```
#279bbc rgb(39,155,188)
```
#2badd1
```
#2badd1 rgb(43,173,209)
```
#3eb6d7
```
#3eb6d7 rgb(62,182,215)
```
#53bedc
```
#53bedc rgb(83,190,220)
```
#68c6e0
```
#68c6e0 rgb(104,198,224)
```

Monochromatic Color

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

#2bd1cc
```
#2bd1cc rgb(43,209,204)
```
#2bc9d1
```
#2bc9d1 rgb(43,201,209)
```
#2bbbd1
```
#2bbbd1 rgb(43,187,209)
```
#2badd1
```
#2badd1 rgb(43,173,209)
```
#2b9fd1
```
#2b9fd1 rgb(43,159,209)
```
#2b91d1
```
#2b91d1 rgb(43,145,209)
```
#2b84d1
```
#2b84d1 rgb(43,132,209)
```

Similar Colors

Text with hexadecimal color #2badd1

This text has a font color of #2badd1.

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

#2badd1 background color

This paragraph has a background color of #2badd1.

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

#2badd1 border color

This element has a border color of #2badd1.

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

CSS codes

.text {color:#2badd1;}

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

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

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, #030b0e is the darkest color, while #fdfefe is the lightest one.

#030b0e
```
#030b0e rgb(3,11,14)
```
#06191e
```
#06191e rgb(6,25,30)
```
#0a262e
```
#0a262e rgb(10,38,46)
```
#0d343f
```
#0d343f rgb(13,52,63)
```
#10414f
```
#10414f rgb(16,65,79)
```
#144f5f
```
#144f5f rgb(20,79,95)
```
#175c6f
```
#175c6f rgb(23,92,111)
```
#1a6a80
```
#1a6a80 rgb(26,106,128)
```
#1e7790
```
#1e7790 rgb(30,119,144)
```
#2185a0
```
#2185a0 rgb(33,133,160)
```
#2492b0
```
#2492b0 rgb(36,146,176)
```
#28a0c1
```
#28a0c1 rgb(40,160,193)
```
#2badd1
```
#2badd1 rgb(43,173,209)
```

Shade Color Variation

#39b4d6
```
#39b4d6 rgb(57,180,214)
```
#4abada
```
#4abada rgb(74,186,218)
```
#5ac1dd
```
#5ac1dd rgb(90,193,221)
```
#6ac7e0
```
#6ac7e0 rgb(106,199,224)
```
#7acde4
```
#7acde4 rgb(122,205,228)
```
#8bd3e7
```
#8bd3e7 rgb(139,211,231)
```
#9bd9ea
```
#9bd9ea rgb(155,217,234)
```
#abdfee
```
#abdfee rgb(171,223,238)
```
#bbe5f1
```
#bbe5f1 rgb(187,229,241)
```
#ccecf4
```
#ccecf4 rgb(204,236,244)
```
#dcf2f8
```
#dcf2f8 rgb(220,242,248)
```
#ecf8fb
```
#ecf8fb rgb(236,248,251)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#798183
```
#798183 rgb(121,129,131)
```
#6f878d
```
#6f878d rgb(111,135,141)
```
#658c97
```
#658c97 rgb(101,140,151)
```
#5b92a1
```
#5b92a1 rgb(91,146,161)
```
#5297aa
```
#5297aa rgb(82,151,170)
```
#489db4
```
#489db4 rgb(72,157,180)
```
#3ea2be
```
#3ea2be rgb(62,162,190)
```
#35a8c7
```
#35a8c7 rgb(53,168,199)
```
#2badd1
```
#2badd1 rgb(43,173,209)
```
#21b2db
```
#21b2db rgb(33,178,219)
```
#18b8e4
```
#18b8e4 rgb(24,184,228)
```
#0ebdee
```
#0ebdee rgb(14,189,238)
```
#04c3f8
```
#04c3f8 rgb(4,195,248)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#779198 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9aa3ca Protanopia 1% of men
#94a2d9 Deuteranopia 1% of men
#16b4c1 Tritanopia 0.001% of the population

Trichromacy

#71a6cc Protanomaly 1% of men, 0.01% of women
#6ea6d6 Deuteranomaly 6% of men, 0.4% of women
#1eb1c7 Tritanomaly 0.01% of the population

#2badd1 hex color

#2badd1 Color Information

#2badd1 Color Conversion

Color Schemes with #2badd1

Alternatives to #2badd1

#2badd1 Preview

Shades and Tints of #2badd1

Tones of #2badd1

Color Blindness Simulator