#1d77a0 hex color

In a RGB color space, hex #1d77a0 is composed of 11.4% red, 46.7% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 25.6% magenta, 0% yellow and 37.3% black. It has a hue angle of 198.8 degrees, a saturation of 69.3% and a lightness of 37.1%. #1d77a0 color hex could be obtained by blending #3aeeff with #000041. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 11
- G 47
- B 63
RGB color chart
- C 82
- M 26
- Y 0
- K 37
CMYK color chart

● #1d77a0 color description : Dark blue.

The hexadecimal color #1d77a0 has RGB values of R:29, G:119, B:160 and CMYK values of C:0.82, M:0.26, Y:0, K:0.37. Its decimal value is 1931168.

Hex triplet	1d77a0	`#1d77a0`
RGB Decimal	29, 119, 160	`rgb(29,119,160)`
RGB Percent	11.4, 46.7, 62.7	`rgb(11.4%,46.7%,62.7%)`
CMYK	82, 26, 0, 37
HSL	198.8°, 69.3, 37.1	`hsl(198.8,69.3%,37.1%)`
HSV (or HSB)	198.8°, 81.9, 62.7
Web Safe	336699	`#336699`

CIE-LAB	46.964, -10.86, -29.268
XYZ	13.447, 15.992, 35.634
xyY	0.207, 0.246, 15.992
CIE-LCH	46.964, 31.218, 249.643
CIE-LUV	46.964, -29.623, -41.999
Hunter-Lab	39.99, -9.959, -24.839
Binary	00011101, 01110111, 10100000

#1d77a0
```
#1d77a0 rgb(29,119,160)
```
#a0461d
```
#a0461d rgb(160,70,29)
```

Complementary Color

#1da088
```
#1da088 rgb(29,160,136)
```
#1d77a0
```
#1d77a0 rgb(29,119,160)
```
#1d36a0
```
#1d36a0 rgb(29,54,160)
```

Analogous Color

#a0881d
```
#a0881d rgb(160,136,29)
```
#1d77a0
```
#1d77a0 rgb(29,119,160)
```
#a01d36
```
#a01d36 rgb(160,29,54)
```

Split Complementary Color

#77a01d
```
#77a01d rgb(119,160,29)
```
#1d77a0
```
#1d77a0 rgb(29,119,160)
```
#a01d77
```
#a01d77 rgb(160,29,119)
```

Triadic Color

#1da046
```
#1da046 rgb(29,160,70)
```
#1d77a0
```
#1d77a0 rgb(29,119,160)
```
#a01d77
```
#a01d77 rgb(160,29,119)
```
#a0461d
```
#a0461d rgb(160,70,29)
```

Tetradic Color

#11475f
```
#11475f rgb(17,71,95)
```
#155775
```
#155775 rgb(21,87,117)
```
#19678a
```
#19678a rgb(25,103,138)
```
#1d77a0
```
#1d77a0 rgb(29,119,160)
```
#2187b6
```
#2187b6 rgb(33,135,182)
```
#2597cb
```
#2597cb rgb(37,151,203)
```
#30a4d9
```
#30a4d9 rgb(48,164,217)
```

Monochromatic Color

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

#1d98a0
```
#1d98a0 rgb(29,152,160)
```
#1d8da0
```
#1d8da0 rgb(29,141,160)
```
#1d82a0
```
#1d82a0 rgb(29,130,160)
```
#1d77a0
```
#1d77a0 rgb(29,119,160)
```
#1d6ca0
```
#1d6ca0 rgb(29,108,160)
```
#1d61a0
```
#1d61a0 rgb(29,97,160)
```
#1d56a0
```
#1d56a0 rgb(29,86,160)
```

Similar Colors

Text with hexadecimal color #1d77a0

This text has a font color of #1d77a0.

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

#1d77a0 background color

This paragraph has a background color of #1d77a0.

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

#1d77a0 border color

This element has a border color of #1d77a0.

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

CSS codes

.text {color:#1d77a0;}

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

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

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

#02080b
```
#02080b rgb(2,8,11)
```
#05141b
```
#05141b rgb(5,20,27)
```
#08212c
```
#08212c rgb(8,33,44)
```
#0b2d3c
```
#0b2d3c rgb(11,45,60)
```
#0e394d
```
#0e394d rgb(14,57,77)
```
#11465e
```
#11465e rgb(17,70,94)
```
#14526e
```
#14526e rgb(20,82,110)
```
#175e7f
```
#175e7f rgb(23,94,127)
```
#1a6b8f
```
#1a6b8f rgb(26,107,143)
```
#1d77a0
```
#1d77a0 rgb(29,119,160)
```
#2083b1
```
#2083b1 rgb(32,131,177)
```
#2390c1
```
#2390c1 rgb(35,144,193)
```
#269cd2
```
#269cd2 rgb(38,156,210)
```

Shade Color Variation

#32a5da
```
#32a5da rgb(50,165,218)
```
#42acdd
```
#42acdd rgb(66,172,221)
```
#53b4e0
```
#53b4e0 rgb(83,180,224)
```
#63bbe3
```
#63bbe3 rgb(99,187,227)
```
#74c2e6
```
#74c2e6 rgb(116,194,230)
```
#85c9e9
```
#85c9e9 rgb(133,201,233)
```
#95d1ec
```
#95d1ec rgb(149,209,236)
```
#a6d8ef
```
#a6d8ef rgb(166,216,239)
```
#b7dff2
```
#b7dff2 rgb(183,223,242)
```
#c7e7f5
```
#c7e7f5 rgb(199,231,245)
```
#d8eef8
```
#d8eef8 rgb(216,238,248)
```
#e8f5fb
```
#e8f5fb rgb(232,245,251)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e5f5f is the less saturated color, while #077fb6 is the most saturated one.

#5e5f5f
```
#5e5f5f rgb(94,95,95)
```
#576166
```
#576166 rgb(87,97,102)
```
#50646d
```
#50646d rgb(80,100,109)
```
#496774
```
#496774 rgb(73,103,116)
```
#41697c
```
#41697c rgb(65,105,124)
```
#3a6c83
```
#3a6c83 rgb(58,108,131)
```
#336f8a
```
#336f8a rgb(51,111,138)
```
#2c7291
```
#2c7291 rgb(44,114,145)
```
#247499
```
#247499 rgb(36,116,153)
```
#1d77a0
```
#1d77a0 rgb(29,119,160)
```
#167aa7
```
#167aa7 rgb(22,122,167)
```
#0e7caf
```
#0e7caf rgb(14,124,175)
```
#077fb6
```
#077fb6 rgb(7,127,182)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#53656e Atypical Achromatopsia 0.001% of the population

Dichromacy

#69759e Protanopia 1% of men
#6076a8 Deuteranopia 1% of men
#00828b Tritanopia 0.001% of the population

Trichromacy

#4d759f Protanomaly 1% of men, 0.01% of women
#4776a5 Deuteranomaly 6% of men, 0.4% of women
#0a7e93 Tritanomaly 0.01% of the population

#1d77a0 hex color

#1d77a0 Color Information

#1d77a0 Color Conversion

Color Schemes with #1d77a0

Alternatives to #1d77a0

#1d77a0 Preview

Shades and Tints of #1d77a0

Tones of #1d77a0

Color Blindness Simulator