#1bd4dc hex color

In a RGB color space, hex #1bd4dc is composed of 10.6% red, 83.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 87.7% cyan, 3.6% magenta, 0% yellow and 13.7% black. It has a hue angle of 182.5 degrees, a saturation of 78.1% and a lightness of 48.4%. #1bd4dc color hex could be obtained by blending #36ffff with #00a9b9. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 11
- G 83
- B 86
RGB color chart
- C 88
- M 4
- Y 0
- K 14
CMYK color chart

● #1bd4dc color description : Vivid cyan.

The hexadecimal color #1bd4dc has RGB values of R:27, G:212, B:220 and CMYK values of C:0.88, M:0.04, Y:0, K:0.14. Its decimal value is 1823964.

Hex triplet	1bd4dc	`#1bd4dc`
RGB Decimal	27, 212, 220	`rgb(27,212,220)`
RGB Percent	10.6, 83.1, 86.3	`rgb(10.6%,83.1%,86.3%)`
CMYK	88, 4, 0, 14
HSL	182.5°, 78.1, 48.4	`hsl(182.5,78.1%,48.4%)`
HSV (or HSB)	182.5°, 87.7, 86.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	77.569, -38.529, -16.001
XYZ	36.91, 52.484, 75.891
xyY	0.223, 0.318, 52.484
CIE-LCH	77.569, 41.72, 202.552
CIE-LUV	77.569, -57.959, -19.425
Hunter-Lab	72.446, -35.837, -11.398
Binary	00011011, 11010100, 11011100

#1bd4dc
```
#1bd4dc rgb(27,212,220)
```
#dc231b
```
#dc231b rgb(220,35,27)
```

Complementary Color

#1bdc84
```
#1bdc84 rgb(27,220,132)
```
#1bd4dc
```
#1bd4dc rgb(27,212,220)
```
#1b74dc
```
#1b74dc rgb(27,116,220)
```

Analogous Color

#dc841b
```
#dc841b rgb(220,132,27)
```
#1bd4dc
```
#1bd4dc rgb(27,212,220)
```
#dc1b74
```
#dc1b74 rgb(220,27,116)
```

Split Complementary Color

#d4dc1b
```
#d4dc1b rgb(212,220,27)
```
#1bd4dc
```
#1bd4dc rgb(27,212,220)
```
#dc1bd4
```
#dc1bd4 rgb(220,27,212)
```

Triadic Color

#1bdc23
```
#1bdc23 rgb(27,220,35)
```
#1bd4dc
```
#1bd4dc rgb(27,212,220)
```
#dc1bd4
```
#dc1bd4 rgb(220,27,212)
```
#dc231b
```
#dc231b rgb(220,35,27)
```

Tetradic Color

#139298
```
#139298 rgb(19,146,152)
```
#15a8af
```
#15a8af rgb(21,168,175)
```
#18bec5
```
#18bec5 rgb(24,190,197)
```
#1bd4dc
```
#1bd4dc rgb(27,212,220)
```
#2bdde5
```
#2bdde5 rgb(43,221,229)
```
#42e1e8
```
#42e1e8 rgb(66,225,232)
```
#59e5eb
```
#59e5eb rgb(89,229,235)
```

Monochromatic Color

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

#1bdcb4
```
#1bdcb4 rgb(27,220,180)
```
#1bdcc4
```
#1bdcc4 rgb(27,220,196)
```
#1bdcd4
```
#1bdcd4 rgb(27,220,212)
```
#1bd4dc
```
#1bd4dc rgb(27,212,220)
```
#1bc4dc
```
#1bc4dc rgb(27,196,220)
```
#1bb4dc
```
#1bb4dc rgb(27,180,220)
```
#1ba4dc
```
#1ba4dc rgb(27,164,220)
```

Similar Colors

Text with hexadecimal color #1bd4dc

This text has a font color of #1bd4dc.

<span style="color:#1bd4dc;">Text here</span>

#1bd4dc background color

This paragraph has a background color of #1bd4dc.

<p style="background-color:#1bd4dc;">Content here</p>

#1bd4dc border color

This element has a border color of #1bd4dc.

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

CSS codes

.text {color:#1bd4dc;}

.background {background-color:#1bd4dc;}

.border {border:1px solid #1bd4dc;}

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, #010a0a is the darkest color, while #f8fefe is the lightest one.

#010a0a
```
#010a0a rgb(1,10,10)
```
#031b1c
```
#031b1c rgb(3,27,28)
```
#062c2d
```
#062c2d rgb(6,44,45)
```
#083c3f
```
#083c3f rgb(8,60,63)
```
#0a4d50
```
#0a4d50 rgb(10,77,80)
```
#0c5e62
```
#0c5e62 rgb(12,94,98)
```
#0e6f73
```
#0e6f73 rgb(14,111,115)
```
#108085
```
#108085 rgb(16,128,133)
```
#129196
```
#129196 rgb(18,145,150)
```
#15a1a8
```
#15a1a8 rgb(21,161,168)
```
#17b2b9
```
#17b2b9 rgb(23,178,185)
```
#19c3cb
```
#19c3cb rgb(25,195,203)
```
#1bd4dc
```
#1bd4dc rgb(27,212,220)
```

Shade Color Variation

#26dde4
```
#26dde4 rgb(38,221,228)
```
#38dfe7
```
#38dfe7 rgb(56,223,231)
```
#49e2e9
```
#49e2e9 rgb(73,226,233)
```
#5be5eb
```
#5be5eb rgb(91,229,235)
```
#6ce8ed
```
#6ce8ed rgb(108,232,237)
```
#7eeaef
```
#7eeaef rgb(126,234,239)
```
#8fedf1
```
#8fedf1 rgb(143,237,241)
```
#a1f0f3
```
#a1f0f3 rgb(161,240,243)
```
#b2f3f6
```
#b2f3f6 rgb(178,243,246)
```
#c3f6f8
```
#c3f6f8 rgb(195,246,248)
```
#d5f8fa
```
#d5f8fa rgb(213,248,250)
```
#e6fbfc
```
#e6fbfc rgb(230,251,252)
```
#f8fefe
```
#f8fefe rgb(248,254,254)
```

Tint Color Variation

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

#7a7d7d
```
#7a7d7d rgb(122,125,125)
```
#718687
```
#718687 rgb(113,134,135)
```
#678e90
```
#678e90 rgb(103,142,144)
```
#5e979a
```
#5e979a rgb(94,151,154)
```
#54a0a3
```
#54a0a3 rgb(84,160,163)
```
#4ba8ad
```
#4ba8ad rgb(75,168,173)
```
#41b1b6
```
#41b1b6 rgb(65,177,182)
```
#38bac0
```
#38bac0 rgb(56,186,192)
```
#2ec3c9
```
#2ec3c9 rgb(46,195,201)
```
#25cbd3
```
#25cbd3 rgb(37,203,211)
```
#1bd4dc
```
#1bd4dc rgb(27,212,220)
```
#12dde6
```
#12dde6 rgb(18,221,230)
```
#08e5ef
```
#08e5ef rgb(8,229,239)
```

Tone Color Variation

Below, you can see how #1bd4dc 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

#9e9e9e Achromatopsia 0.005% of the population
#84a9aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c1d1 Protanopia 1% of men
#c2bee6 Deuteranopia 1% of men
#32d5e4 Tritanopia 0.001% of the population

Trichromacy

#85c8d5 Protanomaly 1% of men, 0.01% of women
#85c6e2 Deuteranomaly 6% of men, 0.4% of women
#29d4e1 Tritanomaly 0.01% of the population

#1bd4dc hex color

#1bd4dc Color Information

#1bd4dc Color Conversion

Color Schemes with #1bd4dc

Alternatives to #1bd4dc

#1bd4dc Preview

Shades and Tints of #1bd4dc

Tones of #1bd4dc

Color Blindness Simulator