#1b3150 hex color

In a RGB color space, hex #1b3150 is composed of 10.6% red, 19.2% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 38.8% magenta, 0% yellow and 68.6% black. It has a hue angle of 215.1 degrees, a saturation of 49.5% and a lightness of 21%. #1b3150 color hex could be obtained by blending #3662a0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 11
- G 19
- B 31
RGB color chart
- C 66
- M 39
- Y 0
- K 69
CMYK color chart

● #1b3150 color description : Very dark blue.

The hexadecimal color #1b3150 has RGB values of R:27, G:49, B:80 and CMYK values of C:0.66, M:0.39, Y:0, K:0.69. Its decimal value is 1782096.

Hex triplet	1b3150	`#1b3150`
RGB Decimal	27, 49, 80	`rgb(27,49,80)`
RGB Percent	10.6, 19.2, 31.4	`rgb(10.6%,19.2%,31.4%)`
CMYK	66, 39, 0, 69
HSL	215.1°, 49.5, 21	`hsl(215.1,49.5%,21%)`
HSV (or HSB)	215.1°, 66.3, 31.4
Web Safe	333366	`#333366`

CIE-LAB	20.078, 2.468, -21.604
XYZ	2.998, 3.009, 8.012
xyY	0.214, 0.215, 3.009
CIE-LCH	20.078, 21.744, 276.517
CIE-LUV	20.078, -8.265, -24.302
Hunter-Lab	17.345, 0.497, -15.244
Binary	00011011, 00110001, 01010000

#1b3150
```
#1b3150 rgb(27,49,80)
```
#503a1b
```
#503a1b rgb(80,58,27)
```

Complementary Color

#1b4c50
```
#1b4c50 rgb(27,76,80)
```
#1b3150
```
#1b3150 rgb(27,49,80)
```
#201b50
```
#201b50 rgb(32,27,80)
```

Analogous Color

#4c501b
```
#4c501b rgb(76,80,27)
```
#1b3150
```
#1b3150 rgb(27,49,80)
```
#50201b
```
#50201b rgb(80,32,27)
```

Split Complementary Color

#31501b
```
#31501b rgb(49,80,27)
```
#1b3150
```
#1b3150 rgb(27,49,80)
```
#501b31
```
#501b31 rgb(80,27,49)
```

Triadic Color

#1b503a
```
#1b503a rgb(27,80,58)
```
#1b3150
```
#1b3150 rgb(27,49,80)
```
#501b31
```
#501b31 rgb(80,27,49)
```
#503a1b
```
#503a1b rgb(80,58,27)
```

Tetradic Color

#080e17
```
#080e17 rgb(8,14,23)
```
#0e1a2a
```
#0e1a2a rgb(14,26,42)
```
#15253d
```
#15253d rgb(21,37,61)
```
#1b3150
```
#1b3150 rgb(27,49,80)
```
#213d63
```
#213d63 rgb(33,61,99)
```
#284876
```
#284876 rgb(40,72,118)
```
#2e5489
```
#2e5489 rgb(46,84,137)
```

Monochromatic Color

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

#1b3e50
```
#1b3e50 rgb(27,62,80)
```
#1b3a50
```
#1b3a50 rgb(27,58,80)
```
#1b3550
```
#1b3550 rgb(27,53,80)
```
#1b3150
```
#1b3150 rgb(27,49,80)
```
#1b2d50
```
#1b2d50 rgb(27,45,80)
```
#1b2850
```
#1b2850 rgb(27,40,80)
```
#1b2450
```
#1b2450 rgb(27,36,80)
```

Similar Colors

Text with hexadecimal color #1b3150

This text has a font color of #1b3150.

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

#1b3150 background color

This paragraph has a background color of #1b3150.

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

#1b3150 border color

This element has a border color of #1b3150.

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

CSS codes

.text {color:#1b3150;}

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

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

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

#020407
```
#020407 rgb(2,4,7)
```
#070d15
```
#070d15 rgb(7,13,21)
```
#0c1624
```
#0c1624 rgb(12,22,36)
```
#111f33
```
#111f33 rgb(17,31,51)
```
#162841
```
#162841 rgb(22,40,65)
```
#1b3150
```
#1b3150 rgb(27,49,80)
```
#203a5f
```
#203a5f rgb(32,58,95)
```
#25436d
```
#25436d rgb(37,67,109)
```
#2a4c7c
```
#2a4c7c rgb(42,76,124)
```
#2f558b
```
#2f558b rgb(47,85,139)
```
#345e99
```
#345e99 rgb(52,94,153)
```
#3967a8
```
#3967a8 rgb(57,103,168)
```
#3e70b7
```
#3e70b7 rgb(62,112,183)
```

Shade Color Variation

#477ac1
```
#477ac1 rgb(71,122,193)
```
#5684c6
```
#5684c6 rgb(86,132,198)
```
#648fcb
```
#648fcb rgb(100,143,203)
```
#739ad0
```
#739ad0 rgb(115,154,208)
```
#82a4d5
```
#82a4d5 rgb(130,164,213)
```
#90afda
```
#90afda rgb(144,175,218)
```
#9fb9df
```
#9fb9df rgb(159,185,223)
```
#aec4e4
```
#aec4e4 rgb(174,196,228)
```
#bccfe9
```
#bccfe9 rgb(188,207,233)
```
#cbd9ed
```
#cbd9ed rgb(203,217,237)
```
#dae4f2
```
#dae4f2 rgb(218,228,242)
```
#e8eff7
```
#e8eff7 rgb(232,239,247)
```
#f7f9fc
```
#f7f9fc rgb(247,249,252)
```

Tint Color Variation

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

#343537
```
#343537 rgb(52,53,55)
```
#30343b
```
#30343b rgb(48,52,59)
```
#2b3440
```
#2b3440 rgb(43,52,64)
```
#273344
```
#273344 rgb(39,51,68)
```
#233248
```
#233248 rgb(35,50,72)
```
#1f324c
```
#1f324c rgb(31,50,76)
```
#1b3150
```
#1b3150 rgb(27,49,80)
```
#173054
```
#173054 rgb(23,48,84)
```
#133058
```
#133058 rgb(19,48,88)
```
#0f2f5c
```
#0f2f5c rgb(15,47,92)
```
#0b2e60
```
#0b2e60 rgb(11,46,96)
```
#062e65
```
#062e65 rgb(6,46,101)
```
#022d69
```
#022d69 rgb(2,45,105)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#2a2f35 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f3a57 Protanopia 1% of men
#293b59 Deuteranopia 1% of men
#1a4044 Tritanopia 0.001% of the population

Trichromacy

#283655 Protanomaly 1% of men, 0.01% of women
#243755 Deuteranomaly 6% of men, 0.4% of women
#1a3a48 Tritanomaly 0.01% of the population

#1b3150 hex color

#1b3150 Color Information

#1b3150 Color Conversion

Color Schemes with #1b3150

Alternatives to #1b3150

#1b3150 Preview

Shades and Tints of #1b3150

Tones of #1b3150

Color Blindness Simulator