#1bdcf4 hex color

In a RGB color space, hex #1bdcf4 is composed of 10.6% red, 86.3% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 88.9% cyan, 9.8% magenta, 0% yellow and 4.3% black. It has a hue angle of 186.6 degrees, a saturation of 90.8% and a lightness of 53.1%. #1bdcf4 color hex could be obtained by blending #36ffff with #00b9e9. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 11
- G 86
- B 96
RGB color chart
- C 89
- M 10
- Y 0
- K 4
CMYK color chart

● #1bdcf4 color description : Vivid cyan.

The hexadecimal color #1bdcf4 has RGB values of R:27, G:220, B:244 and CMYK values of C:0.89, M:0.1, Y:0, K:0.04. Its decimal value is 1826036.

Hex triplet	1bdcf4	`#1bdcf4`
RGB Decimal	27, 220, 244	`rgb(27,220,244)`
RGB Percent	10.6, 86.3, 95.7	`rgb(10.6%,86.3%,95.7%)`
CMYK	89, 10, 0, 4
HSL	186.6°, 90.8, 53.1	`hsl(186.6,90.8%,53.1%)`
HSV (or HSB)	186.6°, 88.9, 95.7
Web Safe	33ccff	`#33ccff`

CIE-LAB	80.709, -34.898, -24.058
XYZ	42.37, 57.947, 94.535
xyY	0.217, 0.297, 57.947
CIE-LCH	80.709, 42.387, 214.581
CIE-LUV	80.709, -58.796, -33.555
Hunter-Lab	76.123, -33.863, -20.345
Binary	00011011, 11011100, 11110100

#1bdcf4
```
#1bdcf4 rgb(27,220,244)
```
#f4331b
```
#f4331b rgb(244,51,27)
```

Complementary Color

#1bf4a0
```
#1bf4a0 rgb(27,244,160)
```
#1bdcf4
```
#1bdcf4 rgb(27,220,244)
```
#1b70f4
```
#1b70f4 rgb(27,112,244)
```

Analogous Color

#f4a01b
```
#f4a01b rgb(244,160,27)
```
#1bdcf4
```
#1bdcf4 rgb(27,220,244)
```
#f41b70
```
#f41b70 rgb(244,27,112)
```

Split Complementary Color

#dcf41b
```
#dcf41b rgb(220,244,27)
```
#1bdcf4
```
#1bdcf4 rgb(27,220,244)
```
#f41bdc
```
#f41bdc rgb(244,27,220)
```

Triadic Color

#1bf433
```
#1bf433 rgb(27,244,51)
```
#1bdcf4
```
#1bdcf4 rgb(27,220,244)
```
#f41bdc
```
#f41bdc rgb(244,27,220)
```
#f4331b
```
#f4331b rgb(244,51,27)
```

Tetradic Color

#09a6ba
```
#09a6ba rgb(9,166,186)
```
#0abcd2
```
#0abcd2 rgb(10,188,210)
```
#0bd2ea
```
#0bd2ea rgb(11,210,234)
```
#1bdcf4
```
#1bdcf4 rgb(27,220,244)
```
#33e0f5
```
#33e0f5 rgb(51,224,245)
```
#4ce3f6
```
#4ce3f6 rgb(76,227,246)
```
#64e7f8
```
#64e7f8 rgb(100,231,248)
```

Monochromatic Color

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

#1bf4d6
```
#1bf4d6 rgb(27,244,214)
```
#1bf4e8
```
#1bf4e8 rgb(27,244,232)
```
#1beef4
```
#1beef4 rgb(27,238,244)
```
#1bdcf4
```
#1bdcf4 rgb(27,220,244)
```
#1bcaf4
```
#1bcaf4 rgb(27,202,244)
```
#1bb8f4
```
#1bb8f4 rgb(27,184,244)
```
#1ba6f4
```
#1ba6f4 rgb(27,166,244)
```

Similar Colors

Text with hexadecimal color #1bdcf4

This text has a font color of #1bdcf4.

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

#1bdcf4 background color

This paragraph has a background color of #1bdcf4.

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

#1bdcf4 border color

This element has a border color of #1bdcf4.

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

CSS codes

.text {color:#1bdcf4;}

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

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

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

#010e0f
```
#010e0f rgb(1,14,15)
```
#021e22
```
#021e22 rgb(2,30,34)
```
#032f35
```
#032f35 rgb(3,47,53)
```
#034047
```
#034047 rgb(3,64,71)
```
#04515a
```
#04515a rgb(4,81,90)
```
#05616d
```
#05616d rgb(5,97,109)
```
#067280
```
#067280 rgb(6,114,128)
```
#078392
```
#078392 rgb(7,131,146)
```
#0894a5
```
#0894a5 rgb(8,148,165)
```
#09a4b8
```
#09a4b8 rgb(9,164,184)
```
#0ab5ca
```
#0ab5ca rgb(10,181,202)
```
#0bc6dd
```
#0bc6dd rgb(11,198,221)
```
#0cd7f0
```
#0cd7f0 rgb(12,215,240)
```

Shade Color Variation

#1bdcf4
```
#1bdcf4 rgb(27,220,244)
```
#2edff5
```
#2edff5 rgb(46,223,245)
```
#40e2f6
```
#40e2f6 rgb(64,226,246)
```
#53e5f7
```
#53e5f7 rgb(83,229,247)
```
#66e7f8
```
#66e7f8 rgb(102,231,248)
```
#79eaf9
```
#79eaf9 rgb(121,234,249)
```
#8bedf9
```
#8bedf9 rgb(139,237,249)
```
#9ef0fa
```
#9ef0fa rgb(158,240,250)
```
#b1f3fb
```
#b1f3fb rgb(177,243,251)
```
#c3f6fc
```
#c3f6fc rgb(195,246,252)
```
#d6f9fd
```
#d6f9fd rgb(214,249,253)
```
#e9fcfe
```
#e9fcfe rgb(233,252,254)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #808d8f is the less saturated color, while #12e3fd is the most saturated one.

#808d8f
```
#808d8f rgb(128,141,143)
```
#779498
```
#779498 rgb(119,148,152)
```
#6e9ca1
```
#6e9ca1 rgb(110,156,161)
```
#65a3aa
```
#65a3aa rgb(101,163,170)
```
#5baab4
```
#5baab4 rgb(91,170,180)
```
#52b1bd
```
#52b1bd rgb(82,177,189)
```
#49b8c6
```
#49b8c6 rgb(73,184,198)
```
#40bfcf
```
#40bfcf rgb(64,191,207)
```
#37c7d8
```
#37c7d8 rgb(55,199,216)
```
#2dcee2
```
#2dcee2 rgb(45,206,226)
```
#24d5eb
```
#24d5eb rgb(36,213,235)
```
#1bdcf4
```
#1bdcf4 rgb(27,220,244)
```
#12e3fd
```
#12e3fd rgb(18,227,253)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#89b0b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5c9e8 Protanopia 1% of men
#c2c7fd Deuteranopia 1% of men
#15deef Tritanopia 0.001% of the population

Trichromacy

#87d0ec Protanomaly 1% of men, 0.01% of women
#85cff9 Deuteranomaly 6% of men, 0.4% of women
#17ddf0 Tritanomaly 0.01% of the population

#1bdcf4 hex color

#1bdcf4 Color Information

#1bdcf4 Color Conversion

Color Schemes with #1bdcf4

Alternatives to #1bdcf4

#1bdcf4 Preview

Shades and Tints of #1bdcf4

Tones of #1bdcf4

Color Blindness Simulator