colorhexa.com

#1d8bb4 hex color

In a RGB color space, hex #1d8bb4 is composed of 11.4% red, 54.5% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 83.9% cyan, 22.8% magenta, 0% yellow and 29.4% black. It has a hue angle of 196.3 degrees, a saturation of 72.2% and a lightness of 41%. #1d8bb4 color hex could be obtained by blending #3affff with #001769. Closest websafe color is: #3399cc.

- R 11
- G 55
- B 71
RGB color chart
- C 84
- M 23
- Y 0
- K 29
CMYK color chart

● #1d8bb4 color description : Strong blue.

The hexadecimal color #1d8bb4 has RGB values of R:29, G:139, B:180 and CMYK values of C:0.84, M:0.23, Y:0, K:0.29. Its decimal value is 1936308.

Hex triplet	1d8bb4	`#1d8bb4`
RGB Decimal	29, 139, 180	`rgb(29,139,180)`
RGB Percent	11.4, 54.5, 70.6	`rgb(11.4%,54.5%,70.6%)`
CMYK	84, 23, 0, 29
HSL	196.3°, 72.2, 41	`hsl(196.3,72.2%,41%)`
HSV (or HSB)	196.3°, 83.9, 70.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	54.048, -14.931, -29.818
XYZ	17.975, 22.02, 46.48
xyY	0.208, 0.255, 22.02
CIE-LCH	54.048, 33.348, 243.401
CIE-LUV	54.048, -35.423, -43.558
Hunter-Lab	46.926, -13.743, -25.88
Binary	00011101, 10001011, 10110100

#1d8bb4
```
#1d8bb4 rgb(29,139,180)
```
#b4461d
```
#b4461d rgb(180,70,29)
```

Complementary Color

#1db492
```
#1db492 rgb(29,180,146)
```
#1d8bb4
```
#1d8bb4 rgb(29,139,180)
```
#1d40b4
```
#1d40b4 rgb(29,64,180)
```

Analogous Color

#b4921d
```
#b4921d rgb(180,146,29)
```
#1d8bb4
```
#1d8bb4 rgb(29,139,180)
```
#b41d40
```
#b41d40 rgb(180,29,64)
```

Split Complementary Color

#8bb41d
```
#8bb41d rgb(139,180,29)
```
#1d8bb4
```
#1d8bb4 rgb(29,139,180)
```
#b41d8b
```
#b41d8b rgb(180,29,139)
```

Triadic Color

#1db446
```
#1db446 rgb(29,180,70)
```
#1d8bb4
```
#1d8bb4 rgb(29,139,180)
```
#b41d8b
```
#b41d8b rgb(180,29,139)
```
#b4461d
```
#b4461d rgb(180,70,29)
```

Tetradic Color

#125872
```
#125872 rgb(18,88,114)
```
#166988
```
#166988 rgb(22,105,136)
```
#197a9e
```
#197a9e rgb(25,122,158)
```
#1d8bb4
```
#1d8bb4 rgb(29,139,180)
```
#219cca
```
#219cca rgb(33,156,202)
```
#28abdc
```
#28abdc rgb(40,171,220)
```
#3eb4e0
```
#3eb4e0 rgb(62,180,224)
```

Monochromatic Color

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

#1db1b4
```
#1db1b4 rgb(29,177,180)
```
#1da4b4
```
#1da4b4 rgb(29,164,180)
```
#1d98b4
```
#1d98b4 rgb(29,152,180)
```
#1d8bb4
```
#1d8bb4 rgb(29,139,180)
```
#1d7eb4
```
#1d7eb4 rgb(29,126,180)
```
#1d72b4
```
#1d72b4 rgb(29,114,180)
```
#1d65b4
```
#1d65b4 rgb(29,101,180)
```

Similar Colors

Text with hexadecimal color #1d8bb4

This text has a font color of #1d8bb4.

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

#1d8bb4 background color

This paragraph has a background color of #1d8bb4.

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

#1d8bb4 border color

This element has a border color of #1d8bb4.

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

CSS codes

.text {color:#1d8bb4;}

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

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

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, #02090b is the darkest color, while #f9fdfe is the lightest one.

#02090b
```
#02090b rgb(2,9,11)
```
#05161c
```
#05161c rgb(5,22,28)
```
#07232d
```
#07232d rgb(7,35,45)
```
#0a303e
```
#0a303e rgb(10,48,62)
```
#0d3d4f
```
#0d3d4f rgb(13,61,79)
```
#0f4a60
```
#0f4a60 rgb(15,74,96)
```
#125770
```
#125770 rgb(18,87,112)
```
#156481
```
#156481 rgb(21,100,129)
```
#187192
```
#187192 rgb(24,113,146)
```
#1a7ea3
```
#1a7ea3 rgb(26,126,163)
```
#1d8bb4
```
#1d8bb4 rgb(29,139,180)
```
#2098c5
```
#2098c5 rgb(32,152,197)
```
#22a5d6
```
#22a5d6 rgb(34,165,214)
```

Shade Color Variation

#2eaedd
```
#2eaedd rgb(46,174,221)
```
#3fb4e0
```
#3fb4e0 rgb(63,180,224)
```
#50bbe3
```
#50bbe3 rgb(80,187,227)
```
#61c2e6
```
#61c2e6 rgb(97,194,230)
```
#72c8e8
```
#72c8e8 rgb(114,200,232)
```
#83cfeb
```
#83cfeb rgb(131,207,235)
```
#94d5ee
```
#94d5ee rgb(148,213,238)
```
#a5dcf0
```
#a5dcf0 rgb(165,220,240)
```
#b6e2f3
```
#b6e2f3 rgb(182,226,243)
```
#c6e9f6
```
#c6e9f6 rgb(198,233,246)
```
#d7f0f9
```
#d7f0f9 rgb(215,240,249)
```
#e8f6fb
```
#e8f6fb rgb(232,246,251)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656a6c is the less saturated color, while #0596cc is the most saturated one.

#656a6c
```
#656a6c rgb(101,106,108)
```
#5d6e74
```
#5d6e74 rgb(93,110,116)
```
#55717c
```
#55717c rgb(85,113,124)
```
#4d7584
```
#4d7584 rgb(77,117,132)
```
#45798c
```
#45798c rgb(69,121,140)
```
#3d7c94
```
#3d7c94 rgb(61,124,148)
```
#35809c
```
#35809c rgb(53,128,156)
```
#2d84a4
```
#2d84a4 rgb(45,132,164)
```
#2587ac
```
#2587ac rgb(37,135,172)
```
#1d8bb4
```
#1d8bb4 rgb(29,139,180)
```
#158fbc
```
#158fbc rgb(21,143,188)
```
#0d92c4
```
#0d92c4 rgb(13,146,196)
```
#0596cc
```
#0596cc rgb(5,150,204)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#5f757d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b86b0 Protanopia 1% of men
#7286bc Deuteranopia 1% of men
#00949f Tritanopia 0.001% of the population

Trichromacy

#5887b1 Protanomaly 1% of men, 0.01% of women
#5388b9 Deuteranomaly 6% of men, 0.4% of women
#0a91a6 Tritanomaly 0.01% of the population