#1d80bc hex color

In a RGB color space, hex #1d80bc is composed of 11.4% red, 50.2% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 84.6% cyan, 31.9% magenta, 0% yellow and 26.3% black. It has a hue angle of 202.6 degrees, a saturation of 73.3% and a lightness of 42.5%. #1d80bc color hex could be obtained by blending #3affff with #000179. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 11
- G 50
- B 74
RGB color chart
- C 85
- M 32
- Y 0
- K 26
CMYK color chart

● #1d80bc color description : Strong blue.

The hexadecimal color #1d80bc has RGB values of R:29, G:128, B:188 and CMYK values of C:0.85, M:0.32, Y:0, K:0.26. Its decimal value is 1933500.

Hex triplet	1d80bc	`#1d80bc`
RGB Decimal	29, 128, 188	`rgb(29,128,188)`
RGB Percent	11.4, 50.2, 73.7	`rgb(11.4%,50.2%,73.7%)`
CMYK	85, 32, 0, 26
HSL	202.6°, 73.3, 42.5	`hsl(202.6,73.3%,42.5%)`
HSV (or HSB)	202.6°, 84.6, 73.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	51.07, -5.729, -39.066
XYZ	17.301, 19.329, 50.393
xyY	0.199, 0.222, 19.329
CIE-LCH	51.07, 39.484, 261.657
CIE-LUV	51.07, -31.122, -58.991
Hunter-Lab	43.965, -6.696, -37.184
Binary	00011101, 10000000, 10111100

#1d80bc
```
#1d80bc rgb(29,128,188)
```
#bc591d
```
#bc591d rgb(188,89,29)
```

Complementary Color

#1dbca9
```
#1dbca9 rgb(29,188,169)
```
#1d80bc
```
#1d80bc rgb(29,128,188)
```
#1d31bc
```
#1d31bc rgb(29,49,188)
```

Analogous Color

#bca91d
```
#bca91d rgb(188,169,29)
```
#1d80bc
```
#1d80bc rgb(29,128,188)
```
#bc1d31
```
#bc1d31 rgb(188,29,49)
```

Split Complementary Color

#80bc1d
```
#80bc1d rgb(128,188,29)
```
#1d80bc
```
#1d80bc rgb(29,128,188)
```
#bc1d80
```
#bc1d80 rgb(188,29,128)
```

Triadic Color

#1dbc59
```
#1dbc59 rgb(29,188,89)
```
#1d80bc
```
#1d80bc rgb(29,128,188)
```
#bc1d80
```
#bc1d80 rgb(188,29,128)
```
#bc591d
```
#bc591d rgb(188,89,29)
```

Tetradic Color

#13537a
```
#13537a rgb(19,83,122)
```
#166290
```
#166290 rgb(22,98,144)
```
#1a71a6
```
#1a71a6 rgb(26,113,166)
```
#1d80bc
```
#1d80bc rgb(29,128,188)
```
#208fd2
```
#208fd2 rgb(32,143,210)
```
#2d9cdf
```
#2d9cdf rgb(45,156,223)
```
#43a6e2
```
#43a6e2 rgb(67,166,226)
```

Monochromatic Color

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

#1da8bc
```
#1da8bc rgb(29,168,188)
```
#1d9bbc
```
#1d9bbc rgb(29,155,188)
```
#1d8dbc
```
#1d8dbc rgb(29,141,188)
```
#1d80bc
```
#1d80bc rgb(29,128,188)
```
#1d73bc
```
#1d73bc rgb(29,115,188)
```
#1d66bc
```
#1d66bc rgb(29,102,188)
```
#1d58bc
```
#1d58bc rgb(29,88,188)
```

Similar Colors

Text with hexadecimal color #1d80bc

This text has a font color of #1d80bc.

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

#1d80bc background color

This paragraph has a background color of #1d80bc.

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

#1d80bc border color

This element has a border color of #1d80bc.

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

CSS codes

.text {color:#1d80bc;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#030c12
```
#030c12 rgb(3,12,18)
```
#051823
```
#051823 rgb(5,24,35)
```
#082334
```
#082334 rgb(8,35,52)
```
#0b2f45
```
#0b2f45 rgb(11,47,69)
```
#0d3b56
```
#0d3b56 rgb(13,59,86)
```
#104667
```
#104667 rgb(16,70,103)
```
#135278
```
#135278 rgb(19,82,120)
```
#155d89
```
#155d89 rgb(21,93,137)
```
#18699a
```
#18699a rgb(24,105,154)
```
#1a74ab
```
#1a74ab rgb(26,116,171)
```
#1d80bc
```
#1d80bc rgb(29,128,188)
```
#208ccd
```
#208ccd rgb(32,140,205)
```

Shade Color Variation

#2397dd
```
#2397dd rgb(35,151,221)
```
#349fe0
```
#349fe0 rgb(52,159,224)
```
#45a7e2
```
#45a7e2 rgb(69,167,226)
```
#56afe5
```
#56afe5 rgb(86,175,229)
```
#67b7e8
```
#67b7e8 rgb(103,183,232)
```
#78bfea
```
#78bfea rgb(120,191,234)
```
#89c7ed
```
#89c7ed rgb(137,199,237)
```
#9acfef
```
#9acfef rgb(154,207,239)
```
#abd7f2
```
#abd7f2 rgb(171,215,242)
```
#bcdff5
```
#bcdff5 rgb(188,223,245)
```
#cde7f7
```
#cde7f7 rgb(205,231,247)
```
#deeffa
```
#deeffa rgb(222,239,250)
```
#eff7fd
```
#eff7fd rgb(239,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686e71 is the less saturated color, while #0486d5 is the most saturated one.

#686e71
```
#686e71 rgb(104,110,113)
```
#607079
```
#607079 rgb(96,112,121)
```
#577282
```
#577282 rgb(87,114,130)
```
#4f748a
```
#4f748a rgb(79,116,138)
```
#477692
```
#477692 rgb(71,118,146)
```
#3e789b
```
#3e789b rgb(62,120,155)
```
#367aa3
```
#367aa3 rgb(54,122,163)
```
#2e7cab
```
#2e7cab rgb(46,124,171)
```
#257eb4
```
#257eb4 rgb(37,126,180)
```
#1d80bc
```
#1d80bc rgb(29,128,188)
```
#1582c4
```
#1582c4 rgb(21,130,196)
```
#0c84cd
```
#0c84cd rgb(12,132,205)
```
#0486d5
```
#0486d5 rgb(4,134,213)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#5a6e7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a7eb9 Protanopia 1% of men
#5980c2 Deuteranopia 1% of men
#008d96 Tritanopia 0.001% of the population

Trichromacy

#4e7fba Protanomaly 1% of men, 0.01% of women
#4380bf Deuteranomaly 6% of men, 0.4% of women
#0a88a4 Tritanomaly 0.01% of the population

#1d80bc hex color

#1d80bc Color Information

#1d80bc Color Conversion

Color Schemes with #1d80bc

Alternatives to #1d80bc

#1d80bc Preview

Shades and Tints of #1d80bc

Tones of #1d80bc

Color Blindness Simulator