#1d7bba hex color

In a RGB color space, hex #1d7bba is composed of 11.4% red, 48.2% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 84.4% cyan, 33.9% magenta, 0% yellow and 27.1% black. It has a hue angle of 204.1 degrees, a saturation of 73% and a lightness of 42.2%. #1d7bba color hex could be obtained by blending #3af6ff with #000075. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 11
- G 48
- B 73
RGB color chart
- C 84
- M 34
- Y 0
- K 27
CMYK color chart

● #1d7bba color description : Strong blue.

The hexadecimal color #1d7bba has RGB values of R:29, G:123, B:186 and CMYK values of C:0.84, M:0.34, Y:0, K:0.27. Its decimal value is 1932218.

Hex triplet	1d7bba	`#1d7bba`
RGB Decimal	29, 123, 186	`rgb(29,123,186)`
RGB Percent	11.4, 48.2, 72.9	`rgb(11.4%,48.2%,72.9%)`
CMYK	84, 34, 0, 27
HSL	204.1°, 73, 42.2	`hsl(204.1,73%,42.2%)`
HSV (or HSB)	204.1°, 84.4, 72.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	49.461, -3.514, -40.457
XYZ	16.45, 17.971, 49.053
xyY	0.197, 0.215, 17.971
CIE-LCH	49.461, 40.609, 265.035
CIE-LUV	49.461, -29.535, -61.057
Hunter-Lab	42.392, -4.918, -38.932
Binary	00011101, 01111011, 10111010

#1d7bba
```
#1d7bba rgb(29,123,186)
```
#ba5c1d
```
#ba5c1d rgb(186,92,29)
```

Complementary Color

#1dbaab
```
#1dbaab rgb(29,186,171)
```
#1d7bba
```
#1d7bba rgb(29,123,186)
```
#1d2dba
```
#1d2dba rgb(29,45,186)
```

Analogous Color

#baab1d
```
#baab1d rgb(186,171,29)
```
#1d7bba
```
#1d7bba rgb(29,123,186)
```
#ba1d2c
```
#ba1d2c rgb(186,29,44)
```

Split Complementary Color

#7bba1d
```
#7bba1d rgb(123,186,29)
```
#1d7bba
```
#1d7bba rgb(29,123,186)
```
#ba1d7b
```
#ba1d7b rgb(186,29,123)
```

Triadic Color

#1dba5c
```
#1dba5c rgb(29,186,92)
```
#1d7bba
```
#1d7bba rgb(29,123,186)
```
#ba1d7b
```
#ba1d7b rgb(186,29,123)
```
#ba5c1d
```
#ba5c1d rgb(186,92,29)
```

Tetradic Color

#134f78
```
#134f78 rgb(19,79,120)
```
#165e8e
```
#165e8e rgb(22,94,142)
```
#1a6ca4
```
#1a6ca4 rgb(26,108,164)
```
#1d7bba
```
#1d7bba rgb(29,123,186)
```
#208ad0
```
#208ad0 rgb(32,138,208)
```
#2c97de
```
#2c97de rgb(44,151,222)
```
#42a2e2
```
#42a2e2 rgb(66,162,226)
```

Monochromatic Color

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

#1da2ba
```
#1da2ba rgb(29,162,186)
```
#1d95ba
```
#1d95ba rgb(29,149,186)
```
#1d88ba
```
#1d88ba rgb(29,136,186)
```
#1d7bba
```
#1d7bba rgb(29,123,186)
```
#1d6eba
```
#1d6eba rgb(29,110,186)
```
#1d61ba
```
#1d61ba rgb(29,97,186)
```
#1d54ba
```
#1d54ba rgb(29,84,186)
```

Similar Colors

Text with hexadecimal color #1d7bba

This text has a font color of #1d7bba.

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

#1d7bba background color

This paragraph has a background color of #1d7bba.

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

#1d7bba border color

This element has a border color of #1d7bba.

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

CSS codes

.text {color:#1d7bba;}

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

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

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, #030b10 is the darkest color, while #feffff is the lightest one.

#030b10
```
#030b10 rgb(3,11,16)
```
#051621
```
#051621 rgb(5,22,33)
```
#082132
```
#082132 rgb(8,33,50)
```
#0a2c43
```
#0a2c43 rgb(10,44,67)
```
#0d3854
```
#0d3854 rgb(13,56,84)
```
#104365
```
#104365 rgb(16,67,101)
```
#124e76
```
#124e76 rgb(18,78,118)
```
#155987
```
#155987 rgb(21,89,135)
```
#186598
```
#186598 rgb(24,101,152)
```
#1a70a9
```
#1a70a9 rgb(26,112,169)
```
#1d7bba
```
#1d7bba rgb(29,123,186)
```
#2086cb
```
#2086cb rgb(32,134,203)
```
#2291dc
```
#2291dc rgb(34,145,220)
```

Shade Color Variation

#339adf
```
#339adf rgb(51,154,223)
```
#44a2e2
```
#44a2e2 rgb(68,162,226)
```
#55abe4
```
#55abe4 rgb(85,171,228)
```
#66b3e7
```
#66b3e7 rgb(102,179,231)
```
#77bcea
```
#77bcea rgb(119,188,234)
```
#88c4ec
```
#88c4ec rgb(136,196,236)
```
#99ccef
```
#99ccef rgb(153,204,239)
```
#a9d5f2
```
#a9d5f2 rgb(169,213,242)
```
#baddf4
```
#baddf4 rgb(186,221,244)
```
#cbe5f7
```
#cbe5f7 rgb(203,229,247)
```
#dceefa
```
#dceefa rgb(220,238,250)
```
#edf6fc
```
#edf6fc rgb(237,246,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676c70 is the less saturated color, while #0480d3 is the most saturated one.

#676c70
```
#676c70 rgb(103,108,112)
```
#5f6e78
```
#5f6e78 rgb(95,110,120)
```
#577080
```
#577080 rgb(87,112,128)
```
#4f7188
```
#4f7188 rgb(79,113,136)
```
#467391
```
#467391 rgb(70,115,145)
```
#3e7499
```
#3e7499 rgb(62,116,153)
```
#3676a1
```
#3676a1 rgb(54,118,161)
```
#2e78a9
```
#2e78a9 rgb(46,120,169)
```
#2579b2
```
#2579b2 rgb(37,121,178)
```
#1d7bba
```
#1d7bba rgb(29,123,186)
```
#157dc2
```
#157dc2 rgb(21,125,194)
```
#0c7ecb
```
#0c7ecb rgb(12,126,203)
```
#0480d3
```
#0480d3 rgb(4,128,211)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#576a77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#657ab8 Protanopia 1% of men
#517dbf Deuteranopia 1% of men
#008892 Tritanopia 0.001% of the population

Trichromacy

#4a7ab8 Protanomaly 1% of men, 0.01% of women
#3e7cbd Deuteranomaly 6% of men, 0.4% of women
#0a83a0 Tritanomaly 0.01% of the population

#1d7bba hex color

#1d7bba Color Information

#1d7bba Color Conversion

Color Schemes with #1d7bba

Alternatives to #1d7bba

#1d7bba Preview

Shades and Tints of #1d7bba

Tones of #1d7bba

Color Blindness Simulator