colorhexa.com

#1b5c76 hex color

In a RGB color space, hex #1b5c76 is composed of 10.6% red, 36.1% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 22% magenta, 0% yellow and 53.7% black. It has a hue angle of 197.1 degrees, a saturation of 62.8% and a lightness of 28.4%. #1b5c76 color hex could be obtained by blending #36b8ec with #000000. Closest websafe color is: #336666.

- R 11
- G 36
- B 46
RGB color chart
- C 77
- M 22
- Y 0
- K 54
CMYK color chart

● #1b5c76 color description : Dark blue.

The hexadecimal color #1b5c76 has RGB values of R:27, G:92, B:118 and CMYK values of C:0.77, M:0.22, Y:0, K:0.54. Its decimal value is 1793142.

Hex triplet	1b5c76	`#1b5c76`
RGB Decimal	27, 92, 118	`rgb(27,92,118)`
RGB Percent	10.6, 36.1, 46.3	`rgb(10.6%,36.1%,46.3%)`
CMYK	77, 22, 0, 54
HSL	197.1°, 62.8, 28.4	`hsl(197.1,62.8%,28.4%)`
HSV (or HSB)	197.1°, 77.1, 46.3
Web Safe	336666	`#336666`

CIE-LAB	36.356, -10.756, -20.534
XYZ	7.548, 9.195, 18.515
xyY	0.214, 0.261, 9.195
CIE-LCH	36.356, 23.181, 242.355
CIE-LUV	36.356, -22.514, -26.782
Hunter-Lab	30.323, -8.63, -14.977
Binary	00011011, 01011100, 01110110

#1b5c76
```
#1b5c76 rgb(27,92,118)
```
#76351b
```
#76351b rgb(118,53,27)
```

Complementary Color

#1b7662
```
#1b7662 rgb(27,118,98)
```
#1b5c76
```
#1b5c76 rgb(27,92,118)
```
#1b2f76
```
#1b2f76 rgb(27,47,118)
```

Analogous Color

#76621b
```
#76621b rgb(118,98,27)
```
#1b5c76
```
#1b5c76 rgb(27,92,118)
```
#761b2f
```
#761b2f rgb(118,27,47)
```

Split Complementary Color

#5c761b
```
#5c761b rgb(92,118,27)
```
#1b5c76
```
#1b5c76 rgb(27,92,118)
```
#761b5c
```
#761b5c rgb(118,27,92)
```

Triadic Color

#0d2b38
```
#0d2b38 rgb(13,43,56)
```
#123c4c
```
#123c4c rgb(18,60,76)
```
#164c61
```
#164c61 rgb(22,76,97)
```
#1b5c76
```
#1b5c76 rgb(27,92,118)
```
#206c8b
```
#206c8b rgb(32,108,139)
```
#247ca0
```
#247ca0 rgb(36,124,160)
```
#298db4
```
#298db4 rgb(41,141,180)
```

Monochromatic Color

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

#1b7376
```
#1b7376 rgb(27,115,118)
```
#1b6b76
```
#1b6b76 rgb(27,107,118)
```
#1b6476
```
#1b6476 rgb(27,100,118)
```
#1b5c76
```
#1b5c76 rgb(27,92,118)
```
#1b5476
```
#1b5476 rgb(27,84,118)
```
#1b4d76
```
#1b4d76 rgb(27,77,118)
```
#1b4576
```
#1b4576 rgb(27,69,118)
```

Similar Colors

Text with hexadecimal color #1b5c76

This text has a font color of #1b5c76.

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

#1b5c76 background color

This paragraph has a background color of #1b5c76.

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

#1b5c76 border color

This element has a border color of #1b5c76.

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

CSS codes

.text {color:#1b5c76;}

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

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

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

#010506
```
#010506 rgb(1,5,6)
```
#051116
```
#051116 rgb(5,17,22)
```
#091e26
```
#091e26 rgb(9,30,38)
```
#0c2a36
```
#0c2a36 rgb(12,42,54)
```
#103746
```
#103746 rgb(16,55,70)
```
#144356
```
#144356 rgb(20,67,86)
```
#175066
```
#175066 rgb(23,80,102)
```
#1b5c76
```
#1b5c76 rgb(27,92,118)
```
#1f6886
```
#1f6886 rgb(31,104,134)
```
#227596
```
#227596 rgb(34,117,150)
```
#2681a6
```
#2681a6 rgb(38,129,166)
```
#2a8eb6
```
#2a8eb6 rgb(42,142,182)
```
#2d9ac6
```
#2d9ac6 rgb(45,154,198)
```

Shade Color Variation

#36a5d1
```
#36a5d1 rgb(54,165,209)
```
#46acd5
```
#46acd5 rgb(70,172,213)
```
#56b3d8
```
#56b3d8 rgb(86,179,216)
```
#66badc
```
#66badc rgb(102,186,220)
```
#76c1e0
```
#76c1e0 rgb(118,193,224)
```
#86c8e3
```
#86c8e3 rgb(134,200,227)
```
#96d0e7
```
#96d0e7 rgb(150,208,231)
```
#a5d7eb
```
#a5d7eb rgb(165,215,235)
```
#b5deee
```
#b5deee rgb(181,222,238)
```
#c5e5f2
```
#c5e5f2 rgb(197,229,242)
```
#d5ecf5
```
#d5ecf5 rgb(213,236,245)
```
#e5f3f9
```
#e5f3f9 rgb(229,243,249)
```
#f5fbfd
```
#f5fbfd rgb(245,251,253)
```

Tint Color Variation

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

#484949
```
#484949 rgb(72,73,73)
```
#424b4f
```
#424b4f rgb(66,75,79)
```
#3c4e55
```
#3c4e55 rgb(60,78,85)
```
#37505a
```
#37505a rgb(55,80,90)
```
#315260
```
#315260 rgb(49,82,96)
```
#2c5565
```
#2c5565 rgb(44,85,101)
```
#26576b
```
#26576b rgb(38,87,107)
```
#215a70
```
#215a70 rgb(33,90,112)
```
#1b5c76
```
#1b5c76 rgb(27,92,118)
```
#155e7c
```
#155e7c rgb(21,94,124)
```
#106181
```
#106181 rgb(16,97,129)
```
#0a6387
```
#0a6387 rgb(10,99,135)
```
#05668c
```
#05668c rgb(5,102,140)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#424f54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#565d78 Protanopia 1% of men
#515d7f Deuteranopia 1% of men
#16676e Tritanopia 0.001% of the population

Trichromacy

#405c77 Protanomaly 1% of men, 0.01% of women
#3d5c7c Deuteranomaly 6% of men, 0.4% of women
#176371 Tritanomaly 0.01% of the population