#1b80dc hex color

In a RGB color space, hex #1b80dc is composed of 10.6% red, 50.2% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 87.7% cyan, 41.8% magenta, 0% yellow and 13.7% black. It has a hue angle of 208.6 degrees, a saturation of 78.1% and a lightness of 48.4%. #1b80dc color hex could be obtained by blending #36ffff with #0001b9. Closest websafe color is: #3399cc.

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

● #1b80dc color description : Vivid blue.

The hexadecimal color #1b80dc has RGB values of R:27, G:128, B:220 and CMYK values of C:0.88, M:0.42, Y:0, K:0.14. Its decimal value is 1802460.

Hex triplet	1b80dc	`#1b80dc`
RGB Decimal	27, 128, 220	`rgb(27,128,220)`
RGB Percent	10.6, 50.2, 86.3	`rgb(10.6%,50.2%,86.3%)`
CMYK	88, 42, 0, 14
HSL	208.6°, 78.1, 48.4	`hsl(208.6,78.1%,48.4%)`
HSV (or HSB)	208.6°, 87.7, 86.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	52.77, 6.261, -54.55
XYZ	21.086, 20.837, 70.617
xyY	0.187, 0.185, 20.837
CIE-LCH	52.77, 54.908, 276.548
CIE-LUV	52.77, -29.647, -85.444
Hunter-Lab	45.647, 2.574, -59.769
Binary	00011011, 10000000, 11011100

#1b80dc
```
#1b80dc rgb(27,128,220)
```
#dc771b
```
#dc771b rgb(220,119,27)
```

Complementary Color

#1bdcd8
```
#1bdcd8 rgb(27,220,216)
```
#1b80dc
```
#1b80dc rgb(27,128,220)
```
#1b20dc
```
#1b20dc rgb(27,32,220)
```

Analogous Color

#dcd81b
```
#dcd81b rgb(220,216,27)
```
#1b80dc
```
#1b80dc rgb(27,128,220)
```
#dc1b20
```
#dc1b20 rgb(220,27,32)
```

Split Complementary Color

#80dc1b
```
#80dc1b rgb(128,220,27)
```
#1b80dc
```
#1b80dc rgb(27,128,220)
```
#dc1b80
```
#dc1b80 rgb(220,27,128)
```

Triadic Color

#1bdc77
```
#1bdc77 rgb(27,220,119)
```
#1b80dc
```
#1b80dc rgb(27,128,220)
```
#dc1b80
```
#dc1b80 rgb(220,27,128)
```
#dc771b
```
#dc771b rgb(220,119,27)
```

Tetradic Color

#135898
```
#135898 rgb(19,88,152)
```
#1566af
```
#1566af rgb(21,102,175)
```
#1873c5
```
#1873c5 rgb(24,115,197)
```
#1b80dc
```
#1b80dc rgb(27,128,220)
```
#2b8de5
```
#2b8de5 rgb(43,141,229)
```
#4299e8
```
#4299e8 rgb(66,153,232)
```
#59a5eb
```
#59a5eb rgb(89,165,235)
```

Monochromatic Color

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

#1bb0dc
```
#1bb0dc rgb(27,176,220)
```
#1ba0dc
```
#1ba0dc rgb(27,160,220)
```
#1b90dc
```
#1b90dc rgb(27,144,220)
```
#1b80dc
```
#1b80dc rgb(27,128,220)
```
#1b70dc
```
#1b70dc rgb(27,112,220)
```
#1b60dc
```
#1b60dc rgb(27,96,220)
```
#1b50dc
```
#1b50dc rgb(27,80,220)
```

Similar Colors

Text with hexadecimal color #1b80dc

This text has a font color of #1b80dc.

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

#1b80dc background color

This paragraph has a background color of #1b80dc.

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

#1b80dc border color

This element has a border color of #1b80dc.

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

CSS codes

.text {color:#1b80dc;}

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

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

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, #01060a is the darkest color, while #f8fbfe is the lightest one.

#01060a
```
#01060a rgb(1,6,10)
```
#03101c
```
#03101c rgb(3,16,28)
```
#061a2d
```
#061a2d rgb(6,26,45)
```
#08253f
```
#08253f rgb(8,37,63)
```
#0a2f50
```
#0a2f50 rgb(10,47,80)
```
#0c3962
```
#0c3962 rgb(12,57,98)
```
#0e4373
```
#0e4373 rgb(14,67,115)
```
#104d85
```
#104d85 rgb(16,77,133)
```
#125796
```
#125796 rgb(18,87,150)
```
#1562a8
```
#1562a8 rgb(21,98,168)
```
#176cb9
```
#176cb9 rgb(23,108,185)
```
#1976cb
```
#1976cb rgb(25,118,203)
```
#1b80dc
```
#1b80dc rgb(27,128,220)
```

Shade Color Variation

#268ae4
```
#268ae4 rgb(38,138,228)
```
#3893e7
```
#3893e7 rgb(56,147,231)
```
#499de9
```
#499de9 rgb(73,157,233)
```
#5ba6eb
```
#5ba6eb rgb(91,166,235)
```
#6cb0ed
```
#6cb0ed rgb(108,176,237)
```
#7eb9ef
```
#7eb9ef rgb(126,185,239)
```
#8fc2f1
```
#8fc2f1 rgb(143,194,241)
```
#a1ccf3
```
#a1ccf3 rgb(161,204,243)
```
#b2d5f6
```
#b2d5f6 rgb(178,213,246)
```
#c3dff8
```
#c3dff8 rgb(195,223,248)
```
#d5e8fa
```
#d5e8fa rgb(213,232,250)
```
#e6f2fc
```
#e6f2fc rgb(230,242,252)
```
#f8fbfe
```
#f8fbfe rgb(248,251,254)
```

Tint Color Variation

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

#7a7c7d
```
#7a7c7d rgb(122,124,125)
```
#717c87
```
#717c87 rgb(113,124,135)
```
#677c90
```
#677c90 rgb(103,124,144)
```
#5e7d9a
```
#5e7d9a rgb(94,125,154)
```
#547da3
```
#547da3 rgb(84,125,163)
```
#4b7ead
```
#4b7ead rgb(75,126,173)
```
#417eb6
```
#417eb6 rgb(65,126,182)
```
#387fc0
```
#387fc0 rgb(56,127,192)
```
#2e7fc9
```
#2e7fc9 rgb(46,127,201)
```
#2580d3
```
#2580d3 rgb(37,128,211)
```
#1b80dc
```
#1b80dc rgb(27,128,220)
```
#1280e6
```
#1280e6 rgb(18,128,230)
```
#0881ef
```
#0881ef rgb(8,129,239)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#5c7082 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a81d9 Protanopia 1% of men
#2886dd Deuteranopia 1% of men
#00919a Tritanopia 0.001% of the population

Trichromacy

#4381da Protanomaly 1% of men, 0.01% of women
#2384dd Deuteranomaly 6% of men, 0.4% of women
#098bb2 Tritanomaly 0.01% of the population

#1b80dc hex color

#1b80dc Color Information

#1b80dc Color Conversion

Color Schemes with #1b80dc

Alternatives to #1b80dc

#1b80dc Preview

Shades and Tints of #1b80dc

Tones of #1b80dc

Color Blindness Simulator