#1b5a96 hex color

In a RGB color space, hex #1b5a96 is composed of 10.6% red, 35.3% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 82% cyan, 40% magenta, 0% yellow and 41.2% black. It has a hue angle of 209.3 degrees, a saturation of 69.5% and a lightness of 34.7%. #1b5a96 color hex could be obtained by blending #36b4ff with #00002d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 11
- G 35
- B 59
RGB color chart
- C 82
- M 40
- Y 0
- K 41
CMYK color chart

● #1b5a96 color description : Dark blue.

The hexadecimal color #1b5a96 has RGB values of R:27, G:90, B:150 and CMYK values of C:0.82, M:0.4, Y:0, K:0.41. Its decimal value is 1792662.

Hex triplet	1b5a96	`#1b5a96`
RGB Decimal	27, 90, 150	`rgb(27,90,150)`
RGB Percent	10.6, 35.3, 58.8	`rgb(10.6%,35.3%,58.8%)`
CMYK	82, 40, 0, 41
HSL	209.3°, 69.5, 34.7	`hsl(209.3,69.5%,34.7%)`
HSV (or HSB)	209.3°, 82, 58.8
Web Safe	336699	`#336699`

CIE-LAB	37.384, 2.847, -38.429
XYZ	9.612, 9.747, 30.227
xyY	0.194, 0.197, 9.747
CIE-LCH	37.384, 38.534, 274.237
CIE-LUV	37.384, -20.344, -54.657
Hunter-Lab	31.219, 0.323, -35.552
Binary	00011011, 01011010, 10010110

#1b5a96
```
#1b5a96 rgb(27,90,150)
```
#96571b
```
#96571b rgb(150,87,27)
```

Complementary Color

#1b9695
```
#1b9695 rgb(27,150,149)
```
#1b5a96
```
#1b5a96 rgb(27,90,150)
```
#1b1d96
```
#1b1d96 rgb(27,29,150)
```

Analogous Color

#96951b
```
#96951b rgb(150,149,27)
```
#1b5a96
```
#1b5a96 rgb(27,90,150)
```
#961b1d
```
#961b1d rgb(150,27,29)
```

Split Complementary Color

#5a961b
```
#5a961b rgb(90,150,27)
```
#1b5a96
```
#1b5a96 rgb(27,90,150)
```
#961b5a
```
#961b5a rgb(150,27,90)
```

Triadic Color

#1b9657
```
#1b9657 rgb(27,150,87)
```
#1b5a96
```
#1b5a96 rgb(27,90,150)
```
#961b5a
```
#961b5a rgb(150,27,90)
```
#96571b
```
#96571b rgb(150,87,27)
```

Tetradic Color

#0f3355
```
#0f3355 rgb(15,51,85)
```
#13406b
```
#13406b rgb(19,64,107)
```
#174d80
```
#174d80 rgb(23,77,128)
```
#1b5a96
```
#1b5a96 rgb(27,90,150)
```
#1f67ac
```
#1f67ac rgb(31,103,172)
```
#2374c1
```
#2374c1 rgb(35,116,193)
```
#2781d7
```
#2781d7 rgb(39,129,215)
```

Monochromatic Color

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

#1b7996
```
#1b7996 rgb(27,121,150)
```
#1b6f96
```
#1b6f96 rgb(27,111,150)
```
#1b6496
```
#1b6496 rgb(27,100,150)
```
#1b5a96
```
#1b5a96 rgb(27,90,150)
```
#1b5096
```
#1b5096 rgb(27,80,150)
```
#1b4696
```
#1b4696 rgb(27,70,150)
```
#1b3b96
```
#1b3b96 rgb(27,59,150)
```

Similar Colors

Text with hexadecimal color #1b5a96

This text has a font color of #1b5a96.

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

#1b5a96 background color

This paragraph has a background color of #1b5a96.

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

#1b5a96 border color

This element has a border color of #1b5a96.

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

CSS codes

.text {color:#1b5a96;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#030a11
```
#030a11 rgb(3,10,17)
```
#061422
```
#061422 rgb(6,20,34)
```
#091e32
```
#091e32 rgb(9,30,50)
```
#0c2843
```
#0c2843 rgb(12,40,67)
```
#0f3254
```
#0f3254 rgb(15,50,84)
```
#123c64
```
#123c64 rgb(18,60,100)
```
#154675
```
#154675 rgb(21,70,117)
```
#185085
```
#185085 rgb(24,80,133)
```
#1b5a96
```
#1b5a96 rgb(27,90,150)
```
#1e64a7
```
#1e64a7 rgb(30,100,167)
```
#216eb7
```
#216eb7 rgb(33,110,183)
```
#2478c8
```
#2478c8 rgb(36,120,200)
```

Shade Color Variation

#2782d8
```
#2782d8 rgb(39,130,216)
```
#388cdb
```
#388cdb rgb(56,140,219)
```
#4995de
```
#4995de rgb(73,149,222)
```
#599fe1
```
#599fe1 rgb(89,159,225)
```
#6aa8e4
```
#6aa8e4 rgb(106,168,228)
```
#7ab2e7
```
#7ab2e7 rgb(122,178,231)
```
#8bbcea
```
#8bbcea rgb(139,188,234)
```
#9cc5ed
```
#9cc5ed rgb(156,197,237)
```
#accff0
```
#accff0 rgb(172,207,240)
```
#bdd9f3
```
#bdd9f3 rgb(189,217,243)
```
#cee2f6
```
#cee2f6 rgb(206,226,246)
```
#deecf9
```
#deecf9 rgb(222,236,249)
```
#eff6fc
```
#eff6fc rgb(239,246,252)
```

Tint Color Variation

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

#585959
```
#585959 rgb(88,89,89)
```
#515960
```
#515960 rgb(81,89,96)
```
#4b5966
```
#4b5966 rgb(75,89,102)
```
#44596d
```
#44596d rgb(68,89,109)
```
#3d5974
```
#3d5974 rgb(61,89,116)
```
#36597b
```
#36597b rgb(54,89,123)
```
#2f5a82
```
#2f5a82 rgb(47,90,130)
```
#295a88
```
#295a88 rgb(41,90,136)
```
#225a8f
```
#225a8f rgb(34,90,143)
```
#1b5a96
```
#1b5a96 rgb(27,90,150)
```
#145a9d
```
#145a9d rgb(20,90,157)
```
#0d5aa4
```
#0d5aa4 rgb(13,90,164)
```
#075aaa
```
#075aaa rgb(7,90,170)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#44505c Atypical Achromatopsia 0.001% of the population

Dichromacy

#475e98 Protanopia 1% of men
#30619b Deuteranopia 1% of men
#006a71 Tritanopia 0.001% of the population

Trichromacy

#375d97 Protanomaly 1% of men, 0.01% of women
#285e99 Deuteranomaly 6% of men, 0.4% of women
#09647e Tritanomaly 0.01% of the population

#1b5a96 hex color

#1b5a96 Color Information

#1b5a96 Color Conversion

Color Schemes with #1b5a96

Alternatives to #1b5a96

#1b5a96 Preview

Shades and Tints of #1b5a96

Tones of #1b5a96

Color Blindness Simulator