#1d7ba8 hex color

In a RGB color space, hex #1d7ba8 is composed of 11.4% red, 48.2% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 26.8% magenta, 0% yellow and 34.1% black. It has a hue angle of 199.4 degrees, a saturation of 70.6% and a lightness of 38.6%. #1d7ba8 color hex could be obtained by blending #3af6ff with #000051. Closest websafe color is: #336699.

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

● #1d7ba8 color description : Dark blue.

The hexadecimal color #1d7ba8 has RGB values of R:29, G:123, B:168 and CMYK values of C:0.83, M:0.27, Y:0, K:0.34. Its decimal value is 1932200.

Hex triplet	1d7ba8	`#1d7ba8`
RGB Decimal	29, 123, 168	`rgb(29,123,168)`
RGB Percent	11.4, 48.2, 65.9	`rgb(11.4%,48.2%,65.9%)`
CMYK	83, 27, 0, 34
HSL	199.4°, 70.6, 38.6	`hsl(199.4,70.6%,38.6%)`
HSV (or HSB)	199.4°, 82.7, 65.9
Web Safe	336699	`#336699`

CIE-LAB	48.577, -10.232, -31.422
XYZ	14.656, 17.253, 39.601
xyY	0.205, 0.241, 17.253
CIE-LCH	48.577, 33.046, 251.964
CIE-LUV	48.577, -30.557, -45.771
Hunter-Lab	41.537, -9.708, -27.452
Binary	00011101, 01111011, 10101000

#1d7ba8
```
#1d7ba8 rgb(29,123,168)
```
#a84a1d
```
#a84a1d rgb(168,74,29)
```

Complementary Color

#1da890
```
#1da890 rgb(29,168,144)
```
#1d7ba8
```
#1d7ba8 rgb(29,123,168)
```
#1d36a8
```
#1d36a8 rgb(29,54,168)
```

Analogous Color

#a8901d
```
#a8901d rgb(168,144,29)
```
#1d7ba8
```
#1d7ba8 rgb(29,123,168)
```
#a81d36
```
#a81d36 rgb(168,29,54)
```

Split Complementary Color

#7ba81d
```
#7ba81d rgb(123,168,29)
```
#1d7ba8
```
#1d7ba8 rgb(29,123,168)
```
#a81d7b
```
#a81d7b rgb(168,29,123)
```

Triadic Color

#1da84a
```
#1da84a rgb(29,168,74)
```
#1d7ba8
```
#1d7ba8 rgb(29,123,168)
```
#a81d7b
```
#a81d7b rgb(168,29,123)
```
#a84a1d
```
#a84a1d rgb(168,74,29)
```

Tetradic Color

#124b67
```
#124b67 rgb(18,75,103)
```
#155b7d
```
#155b7d rgb(21,91,125)
```
#196b92
```
#196b92 rgb(25,107,146)
```
#1d7ba8
```
#1d7ba8 rgb(29,123,168)
```
#218bbe
```
#218bbe rgb(33,139,190)
```
#259bd3
```
#259bd3 rgb(37,155,211)
```
#35a6dc
```
#35a6dc rgb(53,166,220)
```

Monochromatic Color

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

#1d9ea8
```
#1d9ea8 rgb(29,158,168)
```
#1d92a8
```
#1d92a8 rgb(29,146,168)
```
#1d87a8
```
#1d87a8 rgb(29,135,168)
```
#1d7ba8
```
#1d7ba8 rgb(29,123,168)
```
#1d6fa8
```
#1d6fa8 rgb(29,111,168)
```
#1d64a8
```
#1d64a8 rgb(29,100,168)
```
#1d58a8
```
#1d58a8 rgb(29,88,168)
```

Similar Colors

Text with hexadecimal color #1d7ba8

This text has a font color of #1d7ba8.

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

#1d7ba8 background color

This paragraph has a background color of #1d7ba8.

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

#1d7ba8 border color

This element has a border color of #1d7ba8.

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

CSS codes

.text {color:#1d7ba8;}

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

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

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 #eff8fc is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#030d11
```
#030d11 rgb(3,13,17)
```
#061922
```
#061922 rgb(6,25,34)
```
#092533
```
#092533 rgb(9,37,51)
```
#0c3244
```
#0c3244 rgb(12,50,68)
```
#0f3e54
```
#0f3e54 rgb(15,62,84)
```
#114a65
```
#114a65 rgb(17,74,101)
```
#145676
```
#145676 rgb(20,86,118)
```
#176387
```
#176387 rgb(23,99,135)
```
#1a6f97
```
#1a6f97 rgb(26,111,151)
```
#1d7ba8
```
#1d7ba8 rgb(29,123,168)
```
#2087b9
```
#2087b9 rgb(32,135,185)
```
#2393c9
```
#2393c9 rgb(35,147,201)
```

Shade Color Variation

#26a0da
```
#26a0da rgb(38,160,218)
```
#37a7dc
```
#37a7dc rgb(55,167,220)
```
#48aedf
```
#48aedf rgb(72,174,223)
```
#58b6e2
```
#58b6e2 rgb(88,182,226)
```
#69bde5
```
#69bde5 rgb(105,189,229)
```
#7ac4e8
```
#7ac4e8 rgb(122,196,232)
```
#8bcceb
```
#8bcceb rgb(139,204,235)
```
#9bd3ee
```
#9bd3ee rgb(155,211,238)
```
#acdaf1
```
#acdaf1 rgb(172,218,241)
```
#bde2f4
```
#bde2f4 rgb(189,226,244)
```
#cee9f6
```
#cee9f6 rgb(206,233,246)
```
#def1f9
```
#def1f9 rgb(222,241,249)
```
#eff8fc
```
#eff8fc rgb(239,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #616364 is the less saturated color, while #0683bf is the most saturated one.

#616364
```
#616364 rgb(97,99,100)
```
#5a666b
```
#5a666b rgb(90,102,107)
```
#526873
```
#526873 rgb(82,104,115)
```
#4a6b7b
```
#4a6b7b rgb(74,107,123)
```
#436e82
```
#436e82 rgb(67,110,130)
```
#3b708a
```
#3b708a rgb(59,112,138)
```
#347391
```
#347391 rgb(52,115,145)
```
#2c7699
```
#2c7699 rgb(44,118,153)
```
#2578a0
```
#2578a0 rgb(37,120,160)
```
#1d7ba8
```
#1d7ba8 rgb(29,123,168)
```
#157eb0
```
#157eb0 rgb(21,126,176)
```
#0e80b7
```
#0e80b7 rgb(14,128,183)
```
#0683bf
```
#0683bf rgb(6,131,191)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#566972 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b79a6 Protanopia 1% of men
#617aaf Deuteranopia 1% of men
#00868f Tritanopia 0.001% of the population

Trichromacy

#4f79a6 Protanomaly 1% of men, 0.01% of women
#487aac Deuteranomaly 6% of men, 0.4% of women
#0a8298 Tritanomaly 0.01% of the population

#1d7ba8 hex color

#1d7ba8 Color Information

#1d7ba8 Color Conversion

Color Schemes with #1d7ba8

Alternatives to #1d7ba8

#1d7ba8 Preview

Shades and Tints of #1d7ba8

Tones of #1d7ba8

Color Blindness Simulator