#1d7bc4 hex color

In a RGB color space, hex #1d7bc4 is composed of 11.4% red, 48.2% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 85.2% cyan, 37.2% magenta, 0% yellow and 23.1% black. It has a hue angle of 206.2 degrees, a saturation of 74.2% and a lightness of 44.1%. #1d7bc4 color hex could be obtained by blending #3af6ff with #000089. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 11
- G 48
- B 77
RGB color chart
- C 85
- M 37
- Y 0
- K 23
CMYK color chart

● #1d7bc4 color description : Strong blue.

The hexadecimal color #1d7bc4 has RGB values of R:29, G:123, B:196 and CMYK values of C:0.85, M:0.37, Y:0, K:0.23. Its decimal value is 1932228.

Hex triplet	1d7bc4	`#1d7bc4`
RGB Decimal	29, 123, 196	`rgb(29,123,196)`
RGB Percent	11.4, 48.2, 76.9	`rgb(11.4%,48.2%,76.9%)`
CMYK	85, 37, 0, 23
HSL	206.2°, 74.2, 44.1	`hsl(206.2,74.2%,44.1%)`
HSV (or HSB)	206.2°, 85.2, 76.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	49.991, 0.281, -45.359
XYZ	17.551, 18.411, 54.85
xyY	0.193, 0.203, 18.411
CIE-LCH	49.991, 45.36, 270.355
CIE-LUV	49.991, -29.014, -69.38
Hunter-Lab	42.908, -2.076, -45.756
Binary	00011101, 01111011, 11000100

#1d7bc4
```
#1d7bc4 rgb(29,123,196)
```
#c4661d
```
#c4661d rgb(196,102,29)
```

Complementary Color

#1dc4ba
```
#1dc4ba rgb(29,196,186)
```
#1d7bc4
```
#1d7bc4 rgb(29,123,196)
```
#1d27c4
```
#1d27c4 rgb(29,39,196)
```

Analogous Color

#c4ba1d
```
#c4ba1d rgb(196,186,29)
```
#1d7bc4
```
#1d7bc4 rgb(29,123,196)
```
#c41d28
```
#c41d28 rgb(196,29,40)
```

Split Complementary Color

#7bc41d
```
#7bc41d rgb(123,196,29)
```
#1d7bc4
```
#1d7bc4 rgb(29,123,196)
```
#c41d7b
```
#c41d7b rgb(196,29,123)
```

Triadic Color

#1dc466
```
#1dc466 rgb(29,196,102)
```
#1d7bc4
```
#1d7bc4 rgb(29,123,196)
```
#c41d7b
```
#c41d7b rgb(196,29,123)
```
#c4661d
```
#c4661d rgb(196,102,29)
```

Tetradic Color

#135181
```
#135181 rgb(19,81,129)
```
#165f98
```
#165f98 rgb(22,95,152)
```
#1a6dae
```
#1a6dae rgb(26,109,174)
```
#1d7bc4
```
#1d7bc4 rgb(29,123,196)
```
#2089da
```
#2089da rgb(32,137,218)
```
#3395e1
```
#3395e1 rgb(51,149,225)
```
#49a0e4
```
#49a0e4 rgb(73,160,228)
```

Monochromatic Color

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

#1da5c4
```
#1da5c4 rgb(29,165,196)
```
#1d97c4
```
#1d97c4 rgb(29,151,196)
```
#1d89c4
```
#1d89c4 rgb(29,137,196)
```
#1d7bc4
```
#1d7bc4 rgb(29,123,196)
```
#1d6dc4
```
#1d6dc4 rgb(29,109,196)
```
#1d5fc4
```
#1d5fc4 rgb(29,95,196)
```
#1d51c4
```
#1d51c4 rgb(29,81,196)
```

Similar Colors

Text with hexadecimal color #1d7bc4

This text has a font color of #1d7bc4.

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

#1d7bc4 background color

This paragraph has a background color of #1d7bc4.

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

#1d7bc4 border color

This element has a border color of #1d7bc4.

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

CSS codes

.text {color:#1d7bc4;}

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

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

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

#010508
```
#010508 rgb(1,5,8)
```
#041019
```
#041019 rgb(4,16,25)
```
#061a2a
```
#061a2a rgb(6,26,42)
```
#09253b
```
#09253b rgb(9,37,59)
```
#0b304c
```
#0b304c rgb(11,48,76)
```
#0e3b5d
```
#0e3b5d rgb(14,59,93)
```
#10456f
```
#10456f rgb(16,69,111)
```
#135080
```
#135080 rgb(19,80,128)
```
#155b91
```
#155b91 rgb(21,91,145)
```
#1866a2
```
#1866a2 rgb(24,102,162)
```
#1a70b3
```
#1a70b3 rgb(26,112,179)
```
#1d7bc4
```
#1d7bc4 rgb(29,123,196)
```
#2086d5
```
#2086d5 rgb(32,134,213)
```

Shade Color Variation

#2990df
```
#2990df rgb(41,144,223)
```
#3a98e2
```
#3a98e2 rgb(58,152,226)
```
#4ba1e4
```
#4ba1e4 rgb(75,161,228)
```
#5caae7
```
#5caae7 rgb(92,170,231)
```
#6db3e9
```
#6db3e9 rgb(109,179,233)
```
#7ebcec
```
#7ebcec rgb(126,188,236)
```
#8fc5ee
```
#8fc5ee rgb(143,197,238)
```
#a1cef1
```
#a1cef1 rgb(161,206,241)
```
#b2d7f4
```
#b2d7f4 rgb(178,215,244)
```
#c3e0f6
```
#c3e0f6 rgb(195,224,246)
```
#d4e9f9
```
#d4e9f9 rgb(212,233,249)
```
#e5f1fb
```
#e5f1fb rgb(229,241,251)
```
#f6fafe
```
#f6fafe rgb(246,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b7176 is the less saturated color, while #037ede is the most saturated one.

#6b7176
```
#6b7176 rgb(107,113,118)
```
#62727f
```
#62727f rgb(98,114,127)
```
#5a7387
```
#5a7387 rgb(90,115,135)
```
#517490
```
#517490 rgb(81,116,144)
```
#487699
```
#487699 rgb(72,118,153)
```
#4077a1
```
#4077a1 rgb(64,119,161)
```
#3778aa
```
#3778aa rgb(55,120,170)
```
#2e79b3
```
#2e79b3 rgb(46,121,179)
```
#267abb
```
#267abb rgb(38,122,187)
```
#1d7bc4
```
#1d7bc4 rgb(29,123,196)
```
#147ccd
```
#147ccd rgb(20,124,205)
```
#0c7dd5
```
#0c7dd5 rgb(12,125,213)
```
#037ede
```
#037ede rgb(3,126,222)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#586b7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#607bc2 Protanopia 1% of men
#467ec8 Deuteranopia 1% of men
#008a93 Tritanopia 0.001% of the population

Trichromacy

#477bc2 Protanomaly 1% of men, 0.01% of women
#377dc6 Deuteranomaly 6% of men, 0.4% of women
#0a84a4 Tritanomaly 0.01% of the population

#1d7bc4 hex color

#1d7bc4 Color Information

#1d7bc4 Color Conversion

Color Schemes with #1d7bc4

Alternatives to #1d7bc4

#1d7bc4 Preview

Shades and Tints of #1d7bc4

Tones of #1d7bc4

Color Blindness Simulator