#1b4685 hex color

In a RGB color space, hex #1b4685 is composed of 10.6% red, 27.5% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 79.7% cyan, 47.4% magenta, 0% yellow and 47.8% black. It has a hue angle of 215.7 degrees, a saturation of 66.3% and a lightness of 31.4%. #1b4685 color hex could be obtained by blending #368cff with #00000b. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 11
- G 27
- B 52
RGB color chart
- C 80
- M 47
- Y 0
- K 48
CMYK color chart

● #1b4685 color description : Dark blue.

The hexadecimal color #1b4685 has RGB values of R:27, G:70, B:133 and CMYK values of C:0.8, M:0.47, Y:0, K:0.48. Its decimal value is 1787525.

Hex triplet	1b4685	`#1b4685`
RGB Decimal	27, 70, 133	`rgb(27,70,133)`
RGB Percent	10.6, 27.5, 52.2	`rgb(10.6%,27.5%,52.2%)`
CMYK	80, 47, 0, 48
HSL	215.7°, 66.3, 31.4	`hsl(215.7,66.3%,31.4%)`
HSV (or HSB)	215.7°, 79.7, 52.2
Web Safe	333399	`#333399`

CIE-LAB	30.172, 9.308, -39.58
XYZ	6.875, 6.306, 23.044
xyY	0.19, 0.174, 6.306
CIE-LCH	30.172, 40.659, 283.234
CIE-LUV	30.172, -14.375, -53.208
Hunter-Lab	25.112, 4.921, -36.828
Binary	00011011, 01000110, 10000101

#1b4685
```
#1b4685 rgb(27,70,133)
```
#855a1b
```
#855a1b rgb(133,90,27)
```

Complementary Color

#1b7b85
```
#1b7b85 rgb(27,123,133)
```
#1b4685
```
#1b4685 rgb(27,70,133)
```
#251b85
```
#251b85 rgb(37,27,133)
```

Analogous Color

#7b851b
```
#7b851b rgb(123,133,27)
```
#1b4685
```
#1b4685 rgb(27,70,133)
```
#85251b
```
#85251b rgb(133,37,27)
```

Split Complementary Color

#46851b
```
#46851b rgb(70,133,27)
```
#1b4685
```
#1b4685 rgb(27,70,133)
```
#851b46
```
#851b46 rgb(133,27,70)
```

Triadic Color

#1b855a
```
#1b855a rgb(27,133,90)
```
#1b4685
```
#1b4685 rgb(27,70,133)
```
#851b46
```
#851b46 rgb(133,27,70)
```
#855a1b
```
#855a1b rgb(133,90,27)
```

Tetradic Color

#0e2545
```
#0e2545 rgb(14,37,69)
```
#12305b
```
#12305b rgb(18,48,91)
```
#173b70
```
#173b70 rgb(23,59,112)
```
#1b4685
```
#1b4685 rgb(27,70,133)
```
#1f519a
```
#1f519a rgb(31,81,154)
```
#245caf
```
#245caf rgb(36,92,175)
```
#2867c5
```
#2867c5 rgb(40,103,197)
```

Monochromatic Color

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

#1b6185
```
#1b6185 rgb(27,97,133)
```
#1b5885
```
#1b5885 rgb(27,88,133)
```
#1b4f85
```
#1b4f85 rgb(27,79,133)
```
#1b4685
```
#1b4685 rgb(27,70,133)
```
#1b3d85
```
#1b3d85 rgb(27,61,133)
```
#1b3485
```
#1b3485 rgb(27,52,133)
```
#1b2c85
```
#1b2c85 rgb(27,44,133)
```

Similar Colors

Text with hexadecimal color #1b4685

This text has a font color of #1b4685.

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

#1b4685 background color

This paragraph has a background color of #1b4685.

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

#1b4685 border color

This element has a border color of #1b4685.

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

CSS codes

.text {color:#1b4685;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#040a13
```
#040a13 rgb(4,10,19)
```
#071323
```
#071323 rgb(7,19,35)
```
#0a1b33
```
#0a1b33 rgb(10,27,51)
```
#0e2444
```
#0e2444 rgb(14,36,68)
```
#112c54
```
#112c54 rgb(17,44,84)
```
#143564
```
#143564 rgb(20,53,100)
```
#183d75
```
#183d75 rgb(24,61,117)
```
#1b4685
```
#1b4685 rgb(27,70,133)
```
#1e4f95
```
#1e4f95 rgb(30,79,149)
```
#2257a6
```
#2257a6 rgb(34,87,166)
```
#2560b6
```
#2560b6 rgb(37,96,182)
```
#2868c6
```
#2868c6 rgb(40,104,198)
```

Shade Color Variation

#2e71d4
```
#2e71d4 rgb(46,113,212)
```
#3e7cd8
```
#3e7cd8 rgb(62,124,216)
```
#4e87db
```
#4e87db rgb(78,135,219)
```
#5f92de
```
#5f92de rgb(95,146,222)
```
#6f9de2
```
#6f9de2 rgb(111,157,226)
```
#7fa8e5
```
#7fa8e5 rgb(127,168,229)
```
#8fb3e8
```
#8fb3e8 rgb(143,179,232)
```
#a0bfec
```
#a0bfec rgb(160,191,236)
```
#b0caef
```
#b0caef rgb(176,202,239)
```
#c0d5f2
```
#c0d5f2 rgb(192,213,242)
```
#d1e0f6
```
#d1e0f6 rgb(209,224,246)
```
#e1ebf9
```
#e1ebf9 rgb(225,235,249)
```
#f1f6fc
```
#f1f6fc rgb(241,246,252)
```

Tint Color Variation

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

#4c4f54
```
#4c4f54 rgb(76,79,84)
```
#464e5a
```
#464e5a rgb(70,78,90)
```
#404d60
```
#404d60 rgb(64,77,96)
```
#3a4c66
```
#3a4c66 rgb(58,76,102)
```
#344b6c
```
#344b6c rgb(52,75,108)
```
#2d4973
```
#2d4973 rgb(45,73,115)
```
#274879
```
#274879 rgb(39,72,121)
```
#21477f
```
#21477f rgb(33,71,127)
```
#1b4685
```
#1b4685 rgb(27,70,133)
```
#15458b
```
#15458b rgb(21,69,139)
```
#0f4491
```
#0f4491 rgb(15,68,145)
```
#094397
```
#094397 rgb(9,67,151)
```
#02419e
```
#02419e rgb(2,65,158)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#39414e Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f4e8a Protanopia 1% of men
#005188 Deuteranopia 1% of men
#00585e Tritanopia 0.001% of the population

Trichromacy

#284b88 Protanomaly 1% of men, 0.01% of women
#094d87 Deuteranomaly 6% of men, 0.4% of women
#09516c Tritanomaly 0.01% of the population

#1b4685 hex color

#1b4685 Color Information

#1b4685 Color Conversion

Color Schemes with #1b4685

Alternatives to #1b4685

#1b4685 Preview

Shades and Tints of #1b4685

Tones of #1b4685

Color Blindness Simulator