#1b4580 hex color

In a RGB color space, hex #1b4580 is composed of 10.6% red, 27.1% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 46.1% magenta, 0% yellow and 49.8% black. It has a hue angle of 215 degrees, a saturation of 65.2% and a lightness of 30.4%. #1b4580 color hex could be obtained by blending #368aff with #000001. Closest websafe color is: #333399.

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

● #1b4580 color description : Dark blue.

The hexadecimal color #1b4580 has RGB values of R:27, G:69, B:128 and CMYK values of C:0.79, M:0.46, Y:0, K:0.5. Its decimal value is 1787264.

Hex triplet	1b4580	`#1b4580`
RGB Decimal	27, 69, 128	`rgb(27,69,128)`
RGB Percent	10.6, 27.1, 50.2	`rgb(10.6%,27.1%,50.2%)`
CMYK	79, 46, 0, 50
HSL	215°, 65.2, 30.4	`hsl(215,65.2%,30.4%)`
HSV (or HSB)	215°, 78.9, 50.2
Web Safe	333399	`#333399`

CIE-LAB	29.531, 7.956, -37.502
XYZ	6.476, 6.047, 21.247
xyY	0.192, 0.179, 6.047
CIE-LCH	29.531, 38.337, 281.978
CIE-LUV	29.531, -14.159, -49.959
Hunter-Lab	24.591, 3.969, -34.013
Binary	00011011, 01000101, 10000000

#1b4580
```
#1b4580 rgb(27,69,128)
```
#80561b
```
#80561b rgb(128,86,27)
```

Complementary Color

#1b7880
```
#1b7880 rgb(27,120,128)
```
#1b4580
```
#1b4580 rgb(27,69,128)
```
#241b80
```
#241b80 rgb(36,27,128)
```

Analogous Color

#78801b
```
#78801b rgb(120,128,27)
```
#1b4580
```
#1b4580 rgb(27,69,128)
```
#80231b
```
#80231b rgb(128,35,27)
```

Split Complementary Color

#45801b
```
#45801b rgb(69,128,27)
```
#1b4580
```
#1b4580 rgb(27,69,128)
```
#801b45
```
#801b45 rgb(128,27,69)
```

Triadic Color

#1b8056
```
#1b8056 rgb(27,128,86)
```
#1b4580
```
#1b4580 rgb(27,69,128)
```
#801b45
```
#801b45 rgb(128,27,69)
```
#80561b
```
#80561b rgb(128,86,27)
```

Tetradic Color

#0e2341
```
#0e2341 rgb(14,35,65)
```
#122e56
```
#122e56 rgb(18,46,86)
```
#173a6b
```
#173a6b rgb(23,58,107)
```
#1b4580
```
#1b4580 rgb(27,69,128)
```
#1f5095
```
#1f5095 rgb(31,80,149)
```
#245caa
```
#245caa rgb(36,92,170)
```
#2867bf
```
#2867bf rgb(40,103,191)
```

Monochromatic Color

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

#1b5e80
```
#1b5e80 rgb(27,94,128)
```
#1b5680
```
#1b5680 rgb(27,86,128)
```
#1b4d80
```
#1b4d80 rgb(27,77,128)
```
#1b4580
```
#1b4580 rgb(27,69,128)
```
#1b3d80
```
#1b3d80 rgb(27,61,128)
```
#1b3480
```
#1b3480 rgb(27,52,128)
```
#1b2c80
```
#1b2c80 rgb(27,44,128)
```

Similar Colors

Text with hexadecimal color #1b4580

This text has a font color of #1b4580.

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

#1b4580 background color

This paragraph has a background color of #1b4580.

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

#1b4580 border color

This element has a border color of #1b4580.

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

CSS codes

.text {color:#1b4580;}

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

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

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

#03080f
```
#03080f rgb(3,8,15)
```
#06111f
```
#06111f rgb(6,17,31)
```
#0a192f
```
#0a192f rgb(10,25,47)
```
#0d223f
```
#0d223f rgb(13,34,63)
```
#112b4f
```
#112b4f rgb(17,43,79)
```
#143460
```
#143460 rgb(20,52,96)
```
#183c70
```
#183c70 rgb(24,60,112)
```
#1b4580
```
#1b4580 rgb(27,69,128)
```
#1e4e90
```
#1e4e90 rgb(30,78,144)
```
#2256a0
```
#2256a0 rgb(34,86,160)
```
#255fb1
```
#255fb1 rgb(37,95,177)
```
#2968c1
```
#2968c1 rgb(41,104,193)
```
#2c71d1
```
#2c71d1 rgb(44,113,209)
```

Shade Color Variation

#3b7bd6
```
#3b7bd6 rgb(59,123,214)
```
#4b86d9
```
#4b86d9 rgb(75,134,217)
```
#5b91dc
```
#5b91dc rgb(91,145,220)
```
#6c9ce0
```
#6c9ce0 rgb(108,156,224)
```
#7ca7e3
```
#7ca7e3 rgb(124,167,227)
```
#8cb2e7
```
#8cb2e7 rgb(140,178,231)
```
#9cbdea
```
#9cbdea rgb(156,189,234)
```
#acc8ee
```
#acc8ee rgb(172,200,238)
```
#bdd2f1
```
#bdd2f1 rgb(189,210,241)
```
#cdddf4
```
#cdddf4 rgb(205,221,244)
```
#dde8f8
```
#dde8f8 rgb(221,232,248)
```
#edf3fb
```
#edf3fb rgb(237,243,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#4b4d50
```
#4b4d50 rgb(75,77,80)
```
#454c56
```
#454c56 rgb(69,76,86)
```
#3f4b5c
```
#3f4b5c rgb(63,75,92)
```
#394a62
```
#394a62 rgb(57,74,98)
```
#334968
```
#334968 rgb(51,73,104)
```
#2d486e
```
#2d486e rgb(45,72,110)
```
#274774
```
#274774 rgb(39,71,116)
```
#21467a
```
#21467a rgb(33,70,122)
```
#1b4580
```
#1b4580 rgb(27,69,128)
```
#154486
```
#154486 rgb(21,68,134)
```
#0f438c
```
#0f438c rgb(15,67,140)
```
#094292
```
#094292 rgb(9,66,146)
```
#034198
```
#034198 rgb(3,65,152)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#38404c Atypical Achromatopsia 0.001% of the population

Dichromacy

#324d85 Protanopia 1% of men
#0e5085 Deuteranopia 1% of men
#00565c Tritanopia 0.001% of the population

Trichromacy

#294a83 Protanomaly 1% of men, 0.01% of women
#134c83 Deuteranomaly 6% of men, 0.4% of women
#095069 Tritanomaly 0.01% of the population

#1b4580 hex color

#1b4580 Color Information

#1b4580 Color Conversion

Color Schemes with #1b4580

Alternatives to #1b4580

#1b4580 Preview

Shades and Tints of #1b4580

Tones of #1b4580

Color Blindness Simulator