#1b5580 hex color

In a RGB color space, hex #1b5580 is composed of 10.6% red, 33.3% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 33.6% magenta, 0% yellow and 49.8% black. It has a hue angle of 205.5 degrees, a saturation of 65.2% and a lightness of 30.4%. #1b5580 color hex could be obtained by blending #36aaff with #000001. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 11
- G 33
- B 50
RGB color chart
- C 79
- M 34
- Y 0
- K 50
CMYK color chart

● #1b5580 color description : Dark blue.

The hexadecimal color #1b5580 has RGB values of R:27, G:85, B:128 and CMYK values of C:0.79, M:0.34, Y:0, K:0.5. Its decimal value is 1791360.

Hex triplet	1b5580	`#1b5580`
RGB Decimal	27, 85, 128	`rgb(27,85,128)`
RGB Percent	10.6, 33.3, 50.2	`rgb(10.6%,33.3%,50.2%)`
CMYK	79, 34, 0, 50
HSL	205.5°, 65.2, 30.4	`hsl(205.5,65.2%,30.4%)`
HSV (or HSB)	205.5°, 78.9, 50.2
Web Safe	336699	`#336699`

CIE-LAB	34.575, -2.629, -29.481
XYZ	7.596, 8.288, 21.62
xyY	0.203, 0.221, 8.288
CIE-LCH	34.575, 29.598, 264.904
CIE-LUV	34.575, -19.522, -40.125
Hunter-Lab	28.789, -3.283, -24.375
Binary	00011011, 01010101, 10000000

#1b5580
```
#1b5580 rgb(27,85,128)
```
#80461b
```
#80461b rgb(128,70,27)
```

Complementary Color

#1b8079
```
#1b8079 rgb(27,128,121)
```
#1b5580
```
#1b5580 rgb(27,85,128)
```
#1b2380
```
#1b2380 rgb(27,35,128)
```

Analogous Color

#80791b
```
#80791b rgb(128,121,27)
```
#1b5580
```
#1b5580 rgb(27,85,128)
```
#801b23
```
#801b23 rgb(128,27,35)
```

Split Complementary Color

#55801b
```
#55801b rgb(85,128,27)
```
#1b5580
```
#1b5580 rgb(27,85,128)
```
#801b55
```
#801b55 rgb(128,27,85)
```

Triadic Color

#1b8046
```
#1b8046 rgb(27,128,70)
```
#1b5580
```
#1b5580 rgb(27,85,128)
```
#801b55
```
#801b55 rgb(128,27,85)
```
#80461b
```
#80461b rgb(128,70,27)
```

Tetradic Color

#0e2b41
```
#0e2b41 rgb(14,43,65)
```
#123956
```
#123956 rgb(18,57,86)
```
#17476b
```
#17476b rgb(23,71,107)
```
#1b5580
```
#1b5580 rgb(27,85,128)
```
#1f6395
```
#1f6395 rgb(31,99,149)
```
#2471aa
```
#2471aa rgb(36,113,170)
```
#287fbf
```
#287fbf rgb(40,127,191)
```

Monochromatic Color

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

#1b6e80
```
#1b6e80 rgb(27,110,128)
```
#1b6680
```
#1b6680 rgb(27,102,128)
```
#1b5d80
```
#1b5d80 rgb(27,93,128)
```
#1b5580
```
#1b5580 rgb(27,85,128)
```
#1b4d80
```
#1b4d80 rgb(27,77,128)
```
#1b4480
```
#1b4480 rgb(27,68,128)
```
#1b3c80
```
#1b3c80 rgb(27,60,128)
```

Similar Colors

Text with hexadecimal color #1b5580

This text has a font color of #1b5580.

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

#1b5580 background color

This paragraph has a background color of #1b5580.

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

#1b5580 border color

This element has a border color of #1b5580.

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

CSS codes

.text {color:#1b5580;}

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

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

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

#030a0f
```
#030a0f rgb(3,10,15)
```
#06141f
```
#06141f rgb(6,20,31)
```
#0a1f2f
```
#0a1f2f rgb(10,31,47)
```
#0d2a3f
```
#0d2a3f rgb(13,42,63)
```
#11354f
```
#11354f rgb(17,53,79)
```
#143f60
```
#143f60 rgb(20,63,96)
```
#184a70
```
#184a70 rgb(24,74,112)
```
#1b5580
```
#1b5580 rgb(27,85,128)
```
#1e6090
```
#1e6090 rgb(30,96,144)
```
#226ba0
```
#226ba0 rgb(34,107,160)
```
#2575b1
```
#2575b1 rgb(37,117,177)
```
#2980c1
```
#2980c1 rgb(41,128,193)
```
#2c8bd1
```
#2c8bd1 rgb(44,139,209)
```

Shade Color Variation

#3b94d6
```
#3b94d6 rgb(59,148,214)
```
#4b9dd9
```
#4b9dd9 rgb(75,157,217)
```
#5ba6dc
```
#5ba6dc rgb(91,166,220)
```
#6caee0
```
#6caee0 rgb(108,174,224)
```
#7cb7e3
```
#7cb7e3 rgb(124,183,227)
```
#8cc0e7
```
#8cc0e7 rgb(140,192,231)
```
#9cc9ea
```
#9cc9ea rgb(156,201,234)
```
#acd2ee
```
#acd2ee rgb(172,210,238)
```
#bddbf1
```
#bddbf1 rgb(189,219,241)
```
#cde4f4
```
#cde4f4 rgb(205,228,244)
```
#ddecf8
```
#ddecf8 rgb(221,236,248)
```
#edf5fb
```
#edf5fb rgb(237,245,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#4b4e50
```
#4b4e50 rgb(75,78,80)
```
#454f56
```
#454f56 rgb(69,79,86)
```
#3f505c
```
#3f505c rgb(63,80,92)
```
#395162
```
#395162 rgb(57,81,98)
```
#335168
```
#335168 rgb(51,81,104)
```
#2d526e
```
#2d526e rgb(45,82,110)
```
#275374
```
#275374 rgb(39,83,116)
```
#21547a
```
#21547a rgb(33,84,122)
```
#1b5580
```
#1b5580 rgb(27,85,128)
```
#155686
```
#155686 rgb(21,86,134)
```
#0f578c
```
#0f578c rgb(15,87,140)
```
#095892
```
#095892 rgb(9,88,146)
```
#035998
```
#035998 rgb(3,89,152)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#404b54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a5882 Protanopia 1% of men
#3f5a88 Deuteranopia 1% of men
#00636a Tritanopia 0.001% of the population

Trichromacy

#395781 Protanomaly 1% of men, 0.01% of women
#325885 Deuteranomaly 6% of men, 0.4% of women
#095d72 Tritanomaly 0.01% of the population

#1b5580 hex color

#1b5580 Color Information

#1b5580 Color Conversion

Color Schemes with #1b5580

Alternatives to #1b5580

#1b5580 Preview

Shades and Tints of #1b5580

Tones of #1b5580

Color Blindness Simulator