#1b3157 hex color

In a RGB color space, hex #1b3157 is composed of 10.6% red, 19.2% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 69% cyan, 43.7% magenta, 0% yellow and 65.9% black. It has a hue angle of 218 degrees, a saturation of 52.6% and a lightness of 22.4%. #1b3157 color hex could be obtained by blending #3662ae with #000000. Closest websafe color is: #333366.

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

● #1b3157 color description : Very dark blue.

The hexadecimal color #1b3157 has RGB values of R:27, G:49, B:87 and CMYK values of C:0.69, M:0.44, Y:0, K:0.66. Its decimal value is 1782103.

Hex triplet	1b3157	`#1b3157`
RGB Decimal	27, 49, 87	`rgb(27,49,87)`
RGB Percent	10.6, 19.2, 34.1	`rgb(10.6%,19.2%,34.1%)`
CMYK	69, 44, 0, 66
HSL	218°, 52.6, 22.4	`hsl(218,52.6%,22.4%)`
HSV (or HSB)	218°, 69, 34.1
Web Safe	333366	`#333366`

CIE-LAB	20.509, 5.259, -25.59
XYZ	3.27, 3.118, 9.446
xyY	0.207, 0.197, 3.118
CIE-LCH	20.509, 26.125, 281.612
CIE-LUV	20.509, -8.246, -29.413
Hunter-Lab	17.657, 2.161, -19.359
Binary	00011011, 00110001, 01010111

#1b3157
```
#1b3157 rgb(27,49,87)
```
#57411b
```
#57411b rgb(87,65,27)
```

Complementary Color

#1b4f57
```
#1b4f57 rgb(27,79,87)
```
#1b3157
```
#1b3157 rgb(27,49,87)
```
#231b57
```
#231b57 rgb(35,27,87)
```

Analogous Color

#4f571b
```
#4f571b rgb(79,87,27)
```
#1b3157
```
#1b3157 rgb(27,49,87)
```
#57231b
```
#57231b rgb(87,35,27)
```

Split Complementary Color

#31571b
```
#31571b rgb(49,87,27)
```
#1b3157
```
#1b3157 rgb(27,49,87)
```
#571b31
```
#571b31 rgb(87,27,49)
```

Triadic Color

#1b5741
```
#1b5741 rgb(27,87,65)
```
#1b3157
```
#1b3157 rgb(27,49,87)
```
#571b31
```
#571b31 rgb(87,27,49)
```
#57411b
```
#57411b rgb(87,65,27)
```

Tetradic Color

#09101d
```
#09101d rgb(9,16,29)
```
#0f1b30
```
#0f1b30 rgb(15,27,48)
```
#152644
```
#152644 rgb(21,38,68)
```
#1b3157
```
#1b3157 rgb(27,49,87)
```
#213c6a
```
#213c6a rgb(33,60,106)
```
#27477e
```
#27477e rgb(39,71,126)
```
#2d5291
```
#2d5291 rgb(45,82,145)
```

Monochromatic Color

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

#1b4057
```
#1b4057 rgb(27,64,87)
```
#1b3b57
```
#1b3b57 rgb(27,59,87)
```
#1b3657
```
#1b3657 rgb(27,54,87)
```
#1b3157
```
#1b3157 rgb(27,49,87)
```
#1b2c57
```
#1b2c57 rgb(27,44,87)
```
#1b2757
```
#1b2757 rgb(27,39,87)
```
#1b2257
```
#1b2257 rgb(27,34,87)
```

Similar Colors

Text with hexadecimal color #1b3157

This text has a font color of #1b3157.

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

#1b3157 background color

This paragraph has a background color of #1b3157.

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

#1b3157 border color

This element has a border color of #1b3157.

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

CSS codes

.text {color:#1b3157;}

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

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

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, #04070c is the darkest color, while #fcfdfe is the lightest one.

#04070c
```
#04070c rgb(4,7,12)
```
#080f1b
```
#080f1b rgb(8,15,27)
```
#0d182a
```
#0d182a rgb(13,24,42)
```
#122039
```
#122039 rgb(18,32,57)
```
#162948
```
#162948 rgb(22,41,72)
```
#1b3157
```
#1b3157 rgb(27,49,87)
```
#203966
```
#203966 rgb(32,57,102)
```
#244275
```
#244275 rgb(36,66,117)
```
#294a84
```
#294a84 rgb(41,74,132)
```
#2e5393
```
#2e5393 rgb(46,83,147)
```
#325ba2
```
#325ba2 rgb(50,91,162)
```
#3764b1
```
#3764b1 rgb(55,100,177)
```
#3c6cc0
```
#3c6cc0 rgb(60,108,192)
```

Shade Color Variation

#4977c6
```
#4977c6 rgb(73,119,198)
```
#5882cb
```
#5882cb rgb(88,130,203)
```
#668dd0
```
#668dd0 rgb(102,141,208)
```
#7598d4
```
#7598d4 rgb(117,152,212)
```
#84a3d9
```
#84a3d9 rgb(132,163,217)
```
#93afde
```
#93afde rgb(147,175,222)
```
#a2bae2
```
#a2bae2 rgb(162,186,226)
```
#b1c5e7
```
#b1c5e7 rgb(177,197,231)
```
#c0d0ec
```
#c0d0ec rgb(192,208,236)
```
#cfdbf0
```
#cfdbf0 rgb(207,219,240)
```
#dee7f5
```
#dee7f5 rgb(222,231,245)
```
#edf2f9
```
#edf2f9 rgb(237,242,249)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #35383d is the less saturated color, while #012a71 is the most saturated one.

#35383d
```
#35383d rgb(53,56,61)
```
#313741
```
#313741 rgb(49,55,65)
```
#2d3645
```
#2d3645 rgb(45,54,69)
```
#28354a
```
#28354a rgb(40,53,74)
```
#24334e
```
#24334e rgb(36,51,78)
```
#1f3253
```
#1f3253 rgb(31,50,83)
```
#1b3157
```
#1b3157 rgb(27,49,87)
```
#17305b
```
#17305b rgb(23,48,91)
```
#122f60
```
#122f60 rgb(18,47,96)
```
#0e2d64
```
#0e2d64 rgb(14,45,100)
```
#092c69
```
#092c69 rgb(9,44,105)
```
#052b6d
```
#052b6d rgb(5,43,109)
```
#012a71
```
#012a71 rgb(1,42,113)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#2b2f37 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b3a5f Protanopia 1% of men
#213c5f Deuteranopia 1% of men
#134146 Tritanopia 0.001% of the population

Trichromacy

#25375c Protanomaly 1% of men, 0.01% of women
#1f385c Deuteranomaly 6% of men, 0.4% of women
#163b4c Tritanomaly 0.01% of the population

#1b3157 hex color

#1b3157 Color Information

#1b3157 Color Conversion

Color Schemes with #1b3157

Alternatives to #1b3157

#1b3157 Preview

Shades and Tints of #1b3157

Tones of #1b3157

Color Blindness Simulator