#2baccb hex color

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

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

● #2baccb color description : Strong cyan.

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

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

CIE-LAB	65.222, -23.349, -25.487
XYZ	26.525, 34.328, 61.725
xyY	0.216, 0.28, 34.328
CIE-LCH	65.222, 34.565, 227.507
CIE-LUV	65.222, -43.937, -36.582
Hunter-Lab	58.59, -21.721, -21.449
Binary	00101011, 10101100, 11001011

#2baccb
```
#2baccb rgb(43,172,203)
```
#cb4a2b
```
#cb4a2b rgb(203,74,43)
```

Complementary Color

#2bcb9a
```
#2bcb9a rgb(43,203,154)
```
#2baccb
```
#2baccb rgb(43,172,203)
```
#2b5ccb
```
#2b5ccb rgb(43,92,203)
```

Analogous Color

#cb9a2b
```
#cb9a2b rgb(203,154,43)
```
#2baccb
```
#2baccb rgb(43,172,203)
```
#cb2b5c
```
#cb2b5c rgb(203,43,92)
```

Split Complementary Color

#accb2b
```
#accb2b rgb(172,203,43)
```
#2baccb
```
#2baccb rgb(43,172,203)
```
#cb2bac
```
#cb2bac rgb(203,43,172)
```

Triadic Color

#2bcb4a
```
#2bcb4a rgb(43,203,74)
```
#2baccb
```
#2baccb rgb(43,172,203)
```
#cb2bac
```
#cb2bac rgb(203,43,172)
```
#cb4a2b
```
#cb4a2b rgb(203,74,43)
```

Tetradic Color

#1e778c
```
#1e778c rgb(30,119,140)
```
#2288a1
```
#2288a1 rgb(34,136,161)
```
#279ab6
```
#279ab6 rgb(39,154,182)
```
#2baccb
```
#2baccb rgb(43,172,203)
```
#3ab7d5
```
#3ab7d5 rgb(58,183,213)
```
#4fbfda
```
#4fbfda rgb(79,191,218)
```
#64c7de
```
#64c7de rgb(100,199,222)
```

Monochromatic Color

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

#2bcbc2
```
#2bcbc2 rgb(43,203,194)
```
#2bc7cb
```
#2bc7cb rgb(43,199,203)
```
#2bb9cb
```
#2bb9cb rgb(43,185,203)
```
#2baccb
```
#2baccb rgb(43,172,203)
```
#2b9fcb
```
#2b9fcb rgb(43,159,203)
```
#2b91cb
```
#2b91cb rgb(43,145,203)
```
#2b84cb
```
#2b84cb rgb(43,132,203)
```

Similar Colors

Text with hexadecimal color #2baccb

This text has a font color of #2baccb.

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

#2baccb background color

This paragraph has a background color of #2baccb.

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

#2baccb border color

This element has a border color of #2baccb.

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

CSS codes

.text {color:#2baccb;}

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

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

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)
```
#103e4a
```
#103e4a rgb(16,62,74)
```
#134c5a
```
#134c5a rgb(19,76,90)
```
#165a6a
```
#165a6a rgb(22,90,106)
```
#1a677a
```
#1a677a rgb(26,103,122)
```
#1d758a
```
#1d758a rgb(29,117,138)
```
#21839a
```
#21839a rgb(33,131,154)
```
#2491ab
```
#2491ab rgb(36,145,171)
```
#289ebb
```
#289ebb rgb(40,158,187)
```
#2baccb
```
#2baccb rgb(43,172,203)
```

Shade Color Variation

#35b5d4
```
#35b5d4 rgb(53,181,212)
```
#46bbd8
```
#46bbd8 rgb(70,187,216)
```
#56c1db
```
#56c1db rgb(86,193,219)
```
#66c7df
```
#66c7df rgb(102,199,223)
```
#76cde2
```
#76cde2 rgb(118,205,226)
```
#86d3e5
```
#86d3e5 rgb(134,211,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)
```
#d7f0f7
```
#d7f0f7 rgb(215,240,247)
```
#e7f6fa
```
#e7f6fa rgb(231,246,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 #05c3f1 is the most saturated one.

#777e7f
```
#777e7f rgb(119,126,127)
```
#6d8389
```
#6d8389 rgb(109,131,137)
```
#648992
```
#648992 rgb(100,137,146)
```
#5a8f9c
```
#5a8f9c rgb(90,143,156)
```
#5195a5
```
#5195a5 rgb(81,149,165)
```
#479baf
```
#479baf rgb(71,155,175)
```
#3ea0b8
```
#3ea0b8 rgb(62,160,184)
```
#34a6c2
```
#34a6c2 rgb(52,166,194)
```
#2baccb
```
#2baccb rgb(43,172,203)
```
#22b2d4
```
#22b2d4 rgb(34,178,212)
```
#18b8de
```
#18b8de rgb(24,184,222)
```
#0fbde7
```
#0fbde7 rgb(15,189,231)
```
#05c3f1
```
#05c3f1 rgb(5,195,241)
```

Tone Color Variation

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

Dichromacy

#9aa1c4 Protanopia 1% of men
#96a1d3 Deuteranopia 1% of men
#22b2bf Tritanopia 0.001% of the population

Trichromacy

#72a5c6 Protanomaly 1% of men, 0.01% of women
#6fa5d0 Deuteranomaly 6% of men, 0.4% of women
#25b0c3 Tritanomaly 0.01% of the population

#2baccb hex color

#2baccb Color Information

#2baccb Color Conversion

Color Schemes with #2baccb

Alternatives to #2baccb

#2baccb Preview

Shades and Tints of #2baccb

Tones of #2baccb

Color Blindness Simulator