#2dbacc hex color

In a RGB color space, hex #2dbacc is composed of 17.6% red, 72.9% green and 80% blue. Whereas in a CMYK color space, it is composed of 77.9% cyan, 8.8% magenta, 0% yellow and 20% black. It has a hue angle of 186.8 degrees, a saturation of 63.9% and a lightness of 48.8%. #2dbacc color hex could be obtained by blending #5affff with #007599. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 18
- G 73
- B 80
RGB color chart
- C 78
- M 9
- Y 0
- K 20
CMYK color chart

● #2dbacc color description : Strong cyan.

The hexadecimal color #2dbacc has RGB values of R:45, G:186, B:204 and CMYK values of C:0.78, M:0.09, Y:0, K:0.2. Its decimal value is 2996940.

Hex triplet	2dbacc	`#2dbacc`
RGB Decimal	45, 186, 204	`rgb(45,186,204)`
RGB Percent	17.6, 72.9, 80	`rgb(17.6%,72.9%,80%)`
CMYK	78, 9, 0, 20
HSL	186.8°, 63.9, 48.8	`hsl(186.8,63.9%,48.8%)`
HSV (or HSB)	186.8°, 77.9, 80
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.493, -29.831, -19.514
XYZ	29.537, 40.033, 63.294
xyY	0.222, 0.301, 40.033
CIE-LCH	69.493, 35.647, 213.191
CIE-LUV	69.493, -48.549, -26.113
Hunter-Lab	63.271, -27.395, -15.021
Binary	00101101, 10111010, 11001100

#2dbacc
```
#2dbacc rgb(45,186,204)
```
#cc3f2d
```
#cc3f2d rgb(204,63,45)
```

Complementary Color

#2dcc8f
```
#2dcc8f rgb(45,204,143)
```
#2dbacc
```
#2dbacc rgb(45,186,204)
```
#2d6bcc
```
#2d6bcc rgb(45,107,204)
```

Analogous Color

#cc8f2d
```
#cc8f2d rgb(204,143,45)
```
#2dbacc
```
#2dbacc rgb(45,186,204)
```
#cc2d6b
```
#cc2d6b rgb(204,45,107)
```

Split Complementary Color

#bacc2d
```
#bacc2d rgb(186,204,45)
```
#2dbacc
```
#2dbacc rgb(45,186,204)
```
#cc2dba
```
#cc2dba rgb(204,45,186)
```

Triadic Color

#2dcc3f
```
#2dcc3f rgb(45,204,63)
```
#2dbacc
```
#2dbacc rgb(45,186,204)
```
#cc2dba
```
#cc2dba rgb(204,45,186)
```
#cc3f2d
```
#cc3f2d rgb(204,63,45)
```

Tetradic Color

#1f818d
```
#1f818d rgb(31,129,141)
```
#2494a2
```
#2494a2 rgb(36,148,162)
```
#28a7b7
```
#28a7b7 rgb(40,167,183)
```
#2dbacc
```
#2dbacc rgb(45,186,204)
```
#3ec3d4
```
#3ec3d4 rgb(62,195,212)
```
#53cad9
```
#53cad9 rgb(83,202,217)
```
#68d0de
```
#68d0de rgb(104,208,222)
```

Monochromatic Color

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

#2dccb6
```
#2dccb6 rgb(45,204,182)
```
#2dccc4
```
#2dccc4 rgb(45,204,196)
```
#2dc7cc
```
#2dc7cc rgb(45,199,204)
```
#2dbacc
```
#2dbacc rgb(45,186,204)
```
#2dadcc
```
#2dadcc rgb(45,173,204)
```
#2da0cc
```
#2da0cc rgb(45,160,204)
```
#2d92cc
```
#2d92cc rgb(45,146,204)
```

Similar Colors

Text with hexadecimal color #2dbacc

This text has a font color of #2dbacc.

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

#2dbacc background color

This paragraph has a background color of #2dbacc.

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

#2dbacc border color

This element has a border color of #2dbacc.

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

CSS codes

.text {color:#2dbacc;}

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

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

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, #020a0b is the darkest color, while #fafdfe is the lightest one.

#020a0b
```
#020a0b rgb(2,10,11)
```
#06191b
```
#06191b rgb(6,25,27)
```
#0a272b
```
#0a272b rgb(10,39,43)
```
#0d363b
```
#0d363b rgb(13,54,59)
```
#11454b
```
#11454b rgb(17,69,75)
```
#14535c
```
#14535c rgb(20,83,92)
```
#18626c
```
#18626c rgb(24,98,108)
```
#1b717c
```
#1b717c rgb(27,113,124)
```
#1f7f8c
```
#1f7f8c rgb(31,127,140)
```
#228e9c
```
#228e9c rgb(34,142,156)
```
#269dac
```
#269dac rgb(38,157,172)
```
#29abbc
```
#29abbc rgb(41,171,188)
```
#2dbacc
```
#2dbacc rgb(45,186,204)
```

Shade Color Variation

#39c2d3
```
#39c2d3 rgb(57,194,211)
```
#49c7d7
```
#49c7d7 rgb(73,199,215)
```
#59ccda
```
#59ccda rgb(89,204,218)
```
#69d1de
```
#69d1de rgb(105,209,222)
```
#7ad6e2
```
#7ad6e2 rgb(122,214,226)
```
#8adbe5
```
#8adbe5 rgb(138,219,229)
```
#9ae0e9
```
#9ae0e9 rgb(154,224,233)
```
#aae5ec
```
#aae5ec rgb(170,229,236)
```
#baeaf0
```
#baeaf0 rgb(186,234,240)
```
#caeff3
```
#caeff3 rgb(202,239,243)
```
#daf4f7
```
#daf4f7 rgb(218,244,247)
```
#eaf9fa
```
#eaf9fa rgb(234,249,250)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7f7f is the less saturated color, while #07d8f2 is the most saturated one.

#7a7f7f
```
#7a7f7f rgb(122,127,127)
```
#708689
```
#708689 rgb(112,134,137)
```
#668e93
```
#668e93 rgb(102,142,147)
```
#5d959c
```
#5d959c rgb(93,149,156)
```
#539ca6
```
#539ca6 rgb(83,156,166)
```
#4aa4af
```
#4aa4af rgb(74,164,175)
```
#40abb9
```
#40abb9 rgb(64,171,185)
```
#37b3c2
```
#37b3c2 rgb(55,179,194)
```
#2dbacc
```
#2dbacc rgb(45,186,204)
```
#23c1d6
```
#23c1d6 rgb(35,193,214)
```
#1ac9df
```
#1ac9df rgb(26,201,223)
```
#10d0e9
```
#10d0e9 rgb(16,208,233)
```
#07d8f2
```
#07d8f2 rgb(7,216,242)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#7e9a9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9acc4 Protanopia 1% of men
#a8abd5 Deuteranopia 1% of men
#34becb Tritanopia 0.001% of the population

Trichromacy

#7cb1c7 Protanomaly 1% of men, 0.01% of women
#7bb0d2 Deuteranomaly 6% of men, 0.4% of women
#32bccb Tritanomaly 0.01% of the population

#2dbacc hex color

#2dbacc Color Information

#2dbacc Color Conversion

Color Schemes with #2dbacc

Alternatives to #2dbacc

#2dbacc Preview

Shades and Tints of #2dbacc

Tones of #2dbacc

Color Blindness Simulator