#2acbdf hex color

In a RGB color space, hex #2acbdf is composed of 16.5% red, 79.6% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 9% magenta, 0% yellow and 12.5% black. It has a hue angle of 186.6 degrees, a saturation of 73.9% and a lightness of 52%. #2acbdf color hex could be obtained by blending #54ffff with #0097bf. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 16
- G 80
- B 87
RGB color chart
- C 81
- M 9
- Y 0
- K 13
CMYK color chart

● #2acbdf color description : Bright cyan.

The hexadecimal color #2acbdf has RGB values of R:42, G:203, B:223 and CMYK values of C:0.81, M:0.09, Y:0, K:0.13. Its decimal value is 2804703.

Hex triplet	2acbdf	`#2acbdf`
RGB Decimal	42, 203, 223	`rgb(42,203,223)`
RGB Percent	16.5, 79.6, 87.5	`rgb(16.5%,79.6%,87.5%)`
CMYK	81, 9, 0, 13
HSL	186.6°, 73.9, 52	`hsl(186.6,73.9%,52%)`
HSV (or HSB)	186.6°, 81.2, 87.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	75.157, -32.411, -21.248
XYZ	35.626, 48.528, 77.297
xyY	0.221, 0.301, 48.528
CIE-LCH	75.157, 38.755, 213.248
CIE-LUV	75.157, -53.427, -28.903
Hunter-Lab	69.662, -30.622, -17.025
Binary	00101010, 11001011, 11011111

#2acbdf
```
#2acbdf rgb(42,203,223)
```
#df3e2a
```
#df3e2a rgb(223,62,42)
```

Complementary Color

#2adf99
```
#2adf99 rgb(42,223,153)
```
#2acbdf
```
#2acbdf rgb(42,203,223)
```
#2a71df
```
#2a71df rgb(42,113,223)
```

Analogous Color

#df992a
```
#df992a rgb(223,153,42)
```
#2acbdf
```
#2acbdf rgb(42,203,223)
```
#df2a71
```
#df2a71 rgb(223,42,113)
```

Split Complementary Color

#cbdf2a
```
#cbdf2a rgb(203,223,42)
```
#2acbdf
```
#2acbdf rgb(42,203,223)
```
#df2acb
```
#df2acb rgb(223,42,203)
```

Triadic Color

#2adf3e
```
#2adf3e rgb(42,223,62)
```
#2acbdf
```
#2acbdf rgb(42,203,223)
```
#df2acb
```
#df2acb rgb(223,42,203)
```
#df3e2a
```
#df3e2a rgb(223,62,42)
```

Tetradic Color

#1994a4
```
#1994a4 rgb(25,148,164)
```
#1ca9ba
```
#1ca9ba rgb(28,169,186)
```
#1fbdd0
```
#1fbdd0 rgb(31,189,208)
```
#2acbdf
```
#2acbdf rgb(42,203,223)
```
#40d0e2
```
#40d0e2 rgb(64,208,226)
```
#56d6e6
```
#56d6e6 rgb(86,214,230)
```
#6ddbe9
```
#6ddbe9 rgb(109,219,233)
```

Monochromatic Color

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

#2adfc6
```
#2adfc6 rgb(42,223,198)
```
#2adfd5
```
#2adfd5 rgb(42,223,213)
```
#2adadf
```
#2adadf rgb(42,218,223)
```
#2acbdf
```
#2acbdf rgb(42,203,223)
```
#2abcdf
```
#2abcdf rgb(42,188,223)
```
#2aaddf
```
#2aaddf rgb(42,173,223)
```
#2a9edf
```
#2a9edf rgb(42,158,223)
```

Similar Colors

Text with hexadecimal color #2acbdf

This text has a font color of #2acbdf.

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

#2acbdf background color

This paragraph has a background color of #2acbdf.

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

#2acbdf border color

This element has a border color of #2acbdf.

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

CSS codes

.text {color:#2acbdf;}

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

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

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

#010809
```
#010809 rgb(1,8,9)
```
#04171a
```
#04171a rgb(4,23,26)
```
#06272b
```
#06272b rgb(6,39,43)
```
#09363c
```
#09363c rgb(9,54,60)
```
#0c464d
```
#0c464d rgb(12,70,77)
```
#0e555e
```
#0e555e rgb(14,85,94)
```
#11656f
```
#11656f rgb(17,101,111)
```
#137480
```
#137480 rgb(19,116,128)
```
#168391
```
#168391 rgb(22,131,145)
```
#1893a2
```
#1893a2 rgb(24,147,162)
```
#1ba2b3
```
#1ba2b3 rgb(27,162,179)
```
#1db2c4
```
#1db2c4 rgb(29,178,196)
```
#20c1d5
```
#20c1d5 rgb(32,193,213)
```

Shade Color Variation

#2acbdf
```
#2acbdf rgb(42,203,223)
```
#3bcfe2
```
#3bcfe2 rgb(59,207,226)
```
#4cd3e4
```
#4cd3e4 rgb(76,211,228)
```
#5dd7e7
```
#5dd7e7 rgb(93,215,231)
```
#6edce9
```
#6edce9 rgb(110,220,233)
```
#7fe0ec
```
#7fe0ec rgb(127,224,236)
```
#90e4ee
```
#90e4ee rgb(144,228,238)
```
#a1e8f1
```
#a1e8f1 rgb(161,232,241)
```
#b2ecf3
```
#b2ecf3 rgb(178,236,243)
```
#c3f0f6
```
#c3f0f6 rgb(195,240,246)
```
#d5f5f9
```
#d5f5f9 rgb(213,245,249)
```
#e6f9fb
```
#e6f9fb rgb(230,249,251)
```
#f7fdfe
```
#f7fdfe rgb(247,253,254)
```

Tint Color Variation

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

#7f898a
```
#7f898a rgb(127,137,138)
```
#759094
```
#759094 rgb(117,144,148)
```
#6c989d
```
#6c989d rgb(108,152,157)
```
#639fa6
```
#639fa6 rgb(99,159,166)
```
#59a6b0
```
#59a6b0 rgb(89,166,176)
```
#50aeb9
```
#50aeb9 rgb(80,174,185)
```
#46b5c3
```
#46b5c3 rgb(70,181,195)
```
#3dbccc
```
#3dbccc rgb(61,188,204)
```
#33c4d6
```
#33c4d6 rgb(51,196,214)
```
#2acbdf
```
#2acbdf rgb(42,203,223)
```
#21d2e8
```
#21d2e8 rgb(33,210,232)
```
#17daf2
```
#17daf2 rgb(23,218,242)
```
#0ee1fb
```
#0ee1fb rgb(14,225,251)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#86a6aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7bbd5 Protanopia 1% of men
#b6b9e8 Deuteranopia 1% of men
#30cedd Tritanopia 0.001% of the population

Trichromacy

#84c1d8 Protanomaly 1% of men, 0.01% of women
#83bfe5 Deuteranomaly 6% of men, 0.4% of women
#2ecddd Tritanomaly 0.01% of the population

#2acbdf hex color

#2acbdf Color Information

#2acbdf Color Conversion

Color Schemes with #2acbdf

Alternatives to #2acbdf

#2acbdf Preview

Shades and Tints of #2acbdf

Tones of #2acbdf

Color Blindness Simulator