#1b5a97 hex color

In a RGB color space, hex #1b5a97 is composed of 10.6% red, 35.3% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 82.1% cyan, 40.4% magenta, 0% yellow and 40.8% black. It has a hue angle of 209.5 degrees, a saturation of 69.7% and a lightness of 34.9%. #1b5a97 color hex could be obtained by blending #36b4ff with #00002f. 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

● #1b5a97 color description : Dark blue.

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

Hex triplet	1b5a97	`#1b5a97`
RGB Decimal	27, 90, 151	`rgb(27,90,151)`
RGB Percent	10.6, 35.3, 59.2	`rgb(10.6%,35.3%,59.2%)`
CMYK	82, 40, 0, 41
HSL	209.5°, 69.7, 34.9	`hsl(209.5,69.7%,34.9%)`
HSV (or HSB)	209.5°, 82.1, 59.2
Web Safe	336699	`#336699`

CIE-LAB	37.443, 3.244, -38.937
XYZ	9.693, 9.779, 30.653
xyY	0.193, 0.195, 9.779
CIE-LCH	37.443, 39.072, 274.763
CIE-LUV	37.443, -20.305, -55.459
Hunter-Lab	31.271, 0.603, -36.228
Binary	00011011, 01011010, 10010111

#1b5a97
```
#1b5a97 rgb(27,90,151)
```
#97581b
```
#97581b rgb(151,88,27)
```

Complementary Color

#1b9796
```
#1b9796 rgb(27,151,150)
```
#1b5a97
```
#1b5a97 rgb(27,90,151)
```
#1b1c97
```
#1b1c97 rgb(27,28,151)
```

Analogous Color

#97961b
```
#97961b rgb(151,150,27)
```
#1b5a97
```
#1b5a97 rgb(27,90,151)
```
#971b1c
```
#971b1c rgb(151,27,28)
```

Split Complementary Color

#5a971b
```
#5a971b rgb(90,151,27)
```
#1b5a97
```
#1b5a97 rgb(27,90,151)
```
#971b5a
```
#971b5a rgb(151,27,90)
```

Triadic Color

#1b9758
```
#1b9758 rgb(27,151,88)
```
#1b5a97
```
#1b5a97 rgb(27,90,151)
```
#971b5a
```
#971b5a rgb(151,27,90)
```
#97581b
```
#97581b rgb(151,88,27)
```

Tetradic Color

#0f3356
```
#0f3356 rgb(15,51,86)
```
#13406c
```
#13406c rgb(19,64,108)
```
#174d81
```
#174d81 rgb(23,77,129)
```
#1b5a97
```
#1b5a97 rgb(27,90,151)
```
#1f67ad
```
#1f67ad rgb(31,103,173)
```
#2374c2
```
#2374c2 rgb(35,116,194)
```
#2781d8
```
#2781d8 rgb(39,129,216)
```

Monochromatic Color

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

#1b7997
```
#1b7997 rgb(27,121,151)
```
#1b6f97
```
#1b6f97 rgb(27,111,151)
```
#1b6497
```
#1b6497 rgb(27,100,151)
```
#1b5a97
```
#1b5a97 rgb(27,90,151)
```
#1b5097
```
#1b5097 rgb(27,80,151)
```
#1b4597
```
#1b4597 rgb(27,69,151)
```
#1b3b97
```
#1b3b97 rgb(27,59,151)
```

Similar Colors

Text with hexadecimal color #1b5a97

This text has a font color of #1b5a97.

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

#1b5a97 background color

This paragraph has a background color of #1b5a97.

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

#1b5a97 border color

This element has a border color of #1b5a97.

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

CSS codes

.text {color:#1b5a97;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#030b12
```
#030b12 rgb(3,11,18)
```
#061523
```
#061523 rgb(6,21,35)
```
#091e33
```
#091e33 rgb(9,30,51)
```
#0c2844
```
#0c2844 rgb(12,40,68)
```
#0f3254
```
#0f3254 rgb(15,50,84)
```
#123c65
```
#123c65 rgb(18,60,101)
```
#154676
```
#154676 rgb(21,70,118)
```
#185086
```
#185086 rgb(24,80,134)
```
#1b5a97
```
#1b5a97 rgb(27,90,151)
```
#1e64a8
```
#1e64a8 rgb(30,100,168)
```
#216eb8
```
#216eb8 rgb(33,110,184)
```
#2478c9
```
#2478c9 rgb(36,120,201)
```

Shade Color Variation

#2882d9
```
#2882d9 rgb(40,130,217)
```
#398bdc
```
#398bdc rgb(57,139,220)
```
#4995de
```
#4995de rgb(73,149,222)
```
#5a9fe1
```
#5a9fe1 rgb(90,159,225)
```
#6aa8e4
```
#6aa8e4 rgb(106,168,228)
```
#7bb2e7
```
#7bb2e7 rgb(123,178,231)
```
#8cbcea
```
#8cbcea rgb(140,188,234)
```
#9cc6ed
```
#9cc6ed rgb(156,198,237)
```
#adcff0
```
#adcff0 rgb(173,207,240)
```
#bed9f3
```
#bed9f3 rgb(190,217,243)
```
#cee3f6
```
#cee3f6 rgb(206,227,246)
```
#dfecf9
```
#dfecf9 rgb(223,236,249)
```
#f0f6fc
```
#f0f6fc rgb(240,246,252)
```

Tint Color Variation

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

#595959
```
#595959 rgb(89,89,89)
```
#525960
```
#525960 rgb(82,89,96)
```
#4b5967
```
#4b5967 rgb(75,89,103)
```
#44596e
```
#44596e rgb(68,89,110)
```
#3d5975
```
#3d5975 rgb(61,89,117)
```
#365a7c
```
#365a7c rgb(54,90,124)
```
#305a82
```
#305a82 rgb(48,90,130)
```
#295a89
```
#295a89 rgb(41,90,137)
```
#225a90
```
#225a90 rgb(34,90,144)
```
#1b5a97
```
#1b5a97 rgb(27,90,151)
```
#145a9e
```
#145a9e rgb(20,90,158)
```
#0d5aa5
```
#0d5aa5 rgb(13,90,165)
```
#065aac
```
#065aac rgb(6,90,172)
```

Tone Color Variation

Below, you can see how #1b5a97 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
#44505d Atypical Achromatopsia 0.001% of the population

Dichromacy

#465e99 Protanopia 1% of men
#2f619c Deuteranopia 1% of men
#006a71 Tritanopia 0.001% of the population

Trichromacy

#365d98 Protanomaly 1% of men, 0.01% of women
#275e9a Deuteranomaly 6% of men, 0.4% of women
#09647e Tritanomaly 0.01% of the population

#1b5a97 hex color

#1b5a97 Color Information

#1b5a97 Color Conversion

Color Schemes with #1b5a97

Alternatives to #1b5a97

#1b5a97 Preview

Shades and Tints of #1b5a97

Tones of #1b5a97

Color Blindness Simulator