#2badcb hex color

In a RGB color space, hex #2badcb is composed of 16.9% red, 67.8% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 14.8% magenta, 0% yellow and 20.4% black. It has a hue angle of 191.3 degrees, a saturation of 65% and a lightness of 48.2%. #2badcb color hex could be obtained by blending #56ffff with #005b97. Closest websafe color is: #3399cc.

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

● #2badcb color description : Strong cyan.

The hexadecimal color #2badcb has RGB values of R:43, G:173, B:203 and CMYK values of C:0.79, M:0.15, Y:0, K:0.2. Its decimal value is 2862539.

Hex triplet	2badcb	`#2badcb`
RGB Decimal	43, 173, 203	`rgb(43,173,203)`
RGB Percent	16.9, 67.8, 79.6	`rgb(16.9%,67.8%,79.6%)`
CMYK	79, 15, 0, 20
HSL	191.3°, 65, 48.2	`hsl(191.3,65%,48.2%)`
HSV (or HSB)	191.3°, 78.8, 79.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.522, -23.86, -25.026
XYZ	26.716, 34.71, 61.788
xyY	0.217, 0.282, 34.71
CIE-LCH	65.522, 34.578, 226.366
CIE-LUV	65.522, -44.289, -35.775
Hunter-Lab	58.915, -22.157, -20.941
Binary	00101011, 10101101, 11001011

#2badcb
```
#2badcb rgb(43,173,203)
```
#cb492b
```
#cb492b rgb(203,73,43)
```

Complementary Color

#2bcb99
```
#2bcb99 rgb(43,203,153)
```
#2badcb
```
#2badcb rgb(43,173,203)
```
#2b5dcb
```
#2b5dcb rgb(43,93,203)
```

Analogous Color

#cb992b
```
#cb992b rgb(203,153,43)
```
#2badcb
```
#2badcb rgb(43,173,203)
```
#cb2b5d
```
#cb2b5d rgb(203,43,93)
```

Split Complementary Color

#adcb2b
```
#adcb2b rgb(173,203,43)
```
#2badcb
```
#2badcb rgb(43,173,203)
```
#cb2bad
```
#cb2bad rgb(203,43,173)
```

Triadic Color

#2bcb49
```
#2bcb49 rgb(43,203,73)
```
#2badcb
```
#2badcb rgb(43,173,203)
```
#cb2bad
```
#cb2bad rgb(203,43,173)
```
#cb492b
```
#cb492b rgb(203,73,43)
```

Tetradic Color

#1e778c
```
#1e778c rgb(30,119,140)
```
#2289a1
```
#2289a1 rgb(34,137,161)
```
#279bb6
```
#279bb6 rgb(39,155,182)
```
#2badcb
```
#2badcb rgb(43,173,203)
```
#3ab8d5
```
#3ab8d5 rgb(58,184,213)
```
#4fc0da
```
#4fc0da rgb(79,192,218)
```
#64c7de
```
#64c7de rgb(100,199,222)
```

Monochromatic Color

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

#2bcbc1
```
#2bcbc1 rgb(43,203,193)
```
#2bc8cb
```
#2bc8cb rgb(43,200,203)
```
#2bbacb
```
#2bbacb rgb(43,186,203)
```
#2badcb
```
#2badcb rgb(43,173,203)
```
#2ba0cb
```
#2ba0cb rgb(43,160,203)
```
#2b92cb
```
#2b92cb rgb(43,146,203)
```
#2b85cb
```
#2b85cb rgb(43,133,203)
```

Similar Colors

Text with hexadecimal color #2badcb

This text has a font color of #2badcb.

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

#2badcb background color

This paragraph has a background color of #2badcb.

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

#2badcb border color

This element has a border color of #2badcb.

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

CSS codes

.text {color:#2badcb;}

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

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

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

#020709
```
#020709 rgb(2,7,9)
```
#051519
```
#051519 rgb(5,21,25)
```
#092329
```
#092329 rgb(9,35,41)
```
#0c3139
```
#0c3139 rgb(12,49,57)
```
#103f4a
```
#103f4a rgb(16,63,74)
```
#134c5a
```
#134c5a rgb(19,76,90)
```
#165a6a
```
#165a6a rgb(22,90,106)
```
#1a687a
```
#1a687a rgb(26,104,122)
```
#1d768a
```
#1d768a rgb(29,118,138)
```
#21849a
```
#21849a rgb(33,132,154)
```
#2491ab
```
#2491ab rgb(36,145,171)
```
#289fbb
```
#289fbb rgb(40,159,187)
```
#2badcb
```
#2badcb rgb(43,173,203)
```

Shade Color Variation

#35b6d4
```
#35b6d4 rgb(53,182,212)
```
#46bcd8
```
#46bcd8 rgb(70,188,216)
```
#56c2db
```
#56c2db rgb(86,194,219)
```
#66c8df
```
#66c8df rgb(102,200,223)
```
#76cee2
```
#76cee2 rgb(118,206,226)
```
#86d4e5
```
#86d4e5 rgb(134,212,229)
```
#96d9e9
```
#96d9e9 rgb(150,217,233)
```
#a7dfec
```
#a7dfec rgb(167,223,236)
```
#b7e5f0
```
#b7e5f0 rgb(183,229,240)
```
#c7ebf3
```
#c7ebf3 rgb(199,235,243)
```
#d7f1f7
```
#d7f1f7 rgb(215,241,247)
```
#e7f7fa
```
#e7f7fa rgb(231,247,250)
```
#f8fcfd
```
#f8fcfd rgb(248,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777e7f is the less saturated color, while #05c5f1 is the most saturated one.

#777e7f
```
#777e7f rgb(119,126,127)
```
#6d8489
```
#6d8489 rgb(109,132,137)
```
#648a92
```
#648a92 rgb(100,138,146)
```
#5a8f9c
```
#5a8f9c rgb(90,143,156)
```
#5195a5
```
#5195a5 rgb(81,149,165)
```
#479baf
```
#479baf rgb(71,155,175)
```
#3ea1b8
```
#3ea1b8 rgb(62,161,184)
```
#34a7c2
```
#34a7c2 rgb(52,167,194)
```
#2badcb
```
#2badcb rgb(43,173,203)
```
#22b3d4
```
#22b3d4 rgb(34,179,212)
```
#18b9de
```
#18b9de rgb(24,185,222)
```
#0fbfe7
```
#0fbfe7 rgb(15,191,231)
```
#05c5f1
```
#05c5f1 rgb(5,197,241)
```

Tone Color Variation

Below, you can see how #2badcb 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
#779197 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca2c4 Protanopia 1% of men
#97a1d3 Deuteranopia 1% of men
#23b3c0 Tritanopia 0.001% of the population

Trichromacy

#72a6c6 Protanomaly 1% of men, 0.01% of women
#70a5d0 Deuteranomaly 6% of men, 0.4% of women
#26b1c4 Tritanomaly 0.01% of the population

#2badcb hex color

#2badcb Color Information

#2badcb Color Conversion

Color Schemes with #2badcb

Alternatives to #2badcb

#2badcb Preview

Shades and Tints of #2badcb

Tones of #2badcb

Color Blindness Simulator