#1b5f84 hex color

In a RGB color space, hex #1b5f84 is composed of 10.6% red, 37.3% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 28% magenta, 0% yellow and 48.2% black. It has a hue angle of 201.1 degrees, a saturation of 66% and a lightness of 31.2%. #1b5f84 color hex could be obtained by blending #36beff with #000009. Closest websafe color is: #336699.

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

● #1b5f84 color description : Dark blue.

The hexadecimal color #1b5f84 has RGB values of R:27, G:95, B:132 and CMYK values of C:0.8, M:0.28, Y:0, K:0.48. Its decimal value is 1793924.

Hex triplet	1b5f84	`#1b5f84`
RGB Decimal	27, 95, 132	`rgb(27,95,132)`
RGB Percent	10.6, 37.3, 51.8	`rgb(10.6%,37.3%,51.8%)`
CMYK	80, 28, 0, 48
HSL	201.1°, 66, 31.2	`hsl(201.1,66%,31.2%)`
HSV (or HSB)	201.1°, 79.5, 51.8
Web Safe	336699	`#336699`

CIE-LAB	37.99, -7.312, -26.567
XYZ	8.708, 10.083, 23.316
xyY	0.207, 0.239, 10.083
CIE-LCH	37.99, 27.555, 254.612
CIE-LUV	37.99, -22.879, -36.358
Hunter-Lab	31.753, -6.616, -21.308
Binary	00011011, 01011111, 10000100

#1b5f84
```
#1b5f84 rgb(27,95,132)
```
#84401b
```
#84401b rgb(132,64,27)
```

Complementary Color

#1b8475
```
#1b8475 rgb(27,132,117)
```
#1b5f84
```
#1b5f84 rgb(27,95,132)
```
#1b2b84
```
#1b2b84 rgb(27,43,132)
```

Analogous Color

#84751b
```
#84751b rgb(132,117,27)
```
#1b5f84
```
#1b5f84 rgb(27,95,132)
```
#841b2b
```
#841b2b rgb(132,27,43)
```

Split Complementary Color

#5f841b
```
#5f841b rgb(95,132,27)
```
#1b5f84
```
#1b5f84 rgb(27,95,132)
```
#841b5f
```
#841b5f rgb(132,27,95)
```

Triadic Color

#1b8440
```
#1b8440 rgb(27,132,64)
```
#1b5f84
```
#1b5f84 rgb(27,95,132)
```
#841b5f
```
#841b5f rgb(132,27,95)
```
#84401b
```
#84401b rgb(132,64,27)
```

Tetradic Color

#0e3144
```
#0e3144 rgb(14,49,68)
```
#12415a
```
#12415a rgb(18,65,90)
```
#17506f
```
#17506f rgb(23,80,111)
```
#1b5f84
```
#1b5f84 rgb(27,95,132)
```
#1f6e99
```
#1f6e99 rgb(31,110,153)
```
#247dae
```
#247dae rgb(36,125,174)
```
#288dc4
```
#288dc4 rgb(40,141,196)
```

Monochromatic Color

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

#1b7984
```
#1b7984 rgb(27,121,132)
```
#1b7184
```
#1b7184 rgb(27,113,132)
```
#1b6884
```
#1b6884 rgb(27,104,132)
```
#1b5f84
```
#1b5f84 rgb(27,95,132)
```
#1b5684
```
#1b5684 rgb(27,86,132)
```
#1b4e84
```
#1b4e84 rgb(27,78,132)
```
#1b4584
```
#1b4584 rgb(27,69,132)
```

Similar Colors

Text with hexadecimal color #1b5f84

This text has a font color of #1b5f84.

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

#1b5f84 background color

This paragraph has a background color of #1b5f84.

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

#1b5f84 border color

This element has a border color of #1b5f84.

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

CSS codes

.text {color:#1b5f84;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#040d12
```
#040d12 rgb(4,13,18)
```
#071922
```
#071922 rgb(7,25,34)
```
#0a2433
```
#0a2433 rgb(10,36,51)
```
#0e3043
```
#0e3043 rgb(14,48,67)
```
#113c53
```
#113c53 rgb(17,60,83)
```
#144863
```
#144863 rgb(20,72,99)
```
#185374
```
#185374 rgb(24,83,116)
```
#1b5f84
```
#1b5f84 rgb(27,95,132)
```
#1e6b94
```
#1e6b94 rgb(30,107,148)
```
#2276a5
```
#2276a5 rgb(34,118,165)
```
#2582b5
```
#2582b5 rgb(37,130,181)
```
#288ec5
```
#288ec5 rgb(40,142,197)
```

Shade Color Variation

#2d99d4
```
#2d99d4 rgb(45,153,212)
```
#3da1d7
```
#3da1d7 rgb(61,161,215)
```
#4ea9db
```
#4ea9db rgb(78,169,219)
```
#5eb1de
```
#5eb1de rgb(94,177,222)
```
#6eb9e1
```
#6eb9e1 rgb(110,185,225)
```
#7ec1e5
```
#7ec1e5 rgb(126,193,229)
```
#8fc9e8
```
#8fc9e8 rgb(143,201,232)
```
#9fd0eb
```
#9fd0eb rgb(159,208,235)
```
#afd8ef
```
#afd8ef rgb(175,216,239)
```
#c0e0f2
```
#c0e0f2 rgb(192,224,242)
```
#d0e8f5
```
#d0e8f5 rgb(208,232,245)
```
#e0f0f9
```
#e0f0f9 rgb(224,240,249)
```
#f0f8fc
```
#f0f8fc rgb(240,248,252)
```

Tint Color Variation

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

#4c5153
```
#4c5153 rgb(76,81,83)
```
#465259
```
#465259 rgb(70,82,89)
```
#40545f
```
#40545f rgb(64,84,95)
```
#3a5665
```
#3a5665 rgb(58,86,101)
```
#33586c
```
#33586c rgb(51,88,108)
```
#2d5a72
```
#2d5a72 rgb(45,90,114)
```
#275b78
```
#275b78 rgb(39,91,120)
```
#215d7e
```
#215d7e rgb(33,93,126)
```
#1b5f84
```
#1b5f84 rgb(27,95,132)
```
#15618a
```
#15618a rgb(21,97,138)
```
#0f6390
```
#0f6390 rgb(15,99,144)
```
#096496
```
#096496 rgb(9,100,150)
```
#03669c
```
#03669c rgb(3,102,156)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#45525a Atypical Achromatopsia 0.001% of the population

Dichromacy

#556085 Protanopia 1% of men
#4d618c Deuteranopia 1% of men
#006b73 Tritanopia 0.001% of the population

Trichromacy

#406085 Protanomaly 1% of men, 0.01% of women
#3b6089 Deuteranomaly 6% of men, 0.4% of women
#096679 Tritanomaly 0.01% of the population

#1b5f84 hex color

#1b5f84 Color Information

#1b5f84 Color Conversion

Color Schemes with #1b5f84

Alternatives to #1b5f84

#1b5f84 Preview

Shades and Tints of #1b5f84

Tones of #1b5f84

Color Blindness Simulator