#1b557a hex color

In a RGB color space, hex #1b557a is composed of 10.6% red, 33.3% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 77.9% cyan, 30.3% magenta, 0% yellow and 52.2% black. It has a hue angle of 203.4 degrees, a saturation of 63.8% and a lightness of 29.2%. #1b557a color hex could be obtained by blending #36aaf4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 11
- G 33
- B 48
RGB color chart
- C 78
- M 30
- Y 0
- K 52
CMYK color chart

● #1b557a color description : Dark blue.

The hexadecimal color #1b557a has RGB values of R:27, G:85, B:122 and CMYK values of C:0.78, M:0.3, Y:0, K:0.52. Its decimal value is 1791354.

Hex triplet	1b557a	`#1b557a`
RGB Decimal	27, 85, 122	`rgb(27,85,122)`
RGB Percent	10.6, 33.3, 47.8	`rgb(10.6%,33.3%,47.8%)`
CMYK	78, 30, 0, 52
HSL	203.4°, 63.8, 29.2	`hsl(203.4,63.8%,29.2%)`
HSV (or HSB)	203.4°, 77.9, 47.8
Web Safe	336666	`#336666`

CIE-LAB	34.262, -4.962, -26.271
XYZ	7.212, 8.135, 19.601
xyY	0.206, 0.233, 8.135
CIE-LCH	34.262, 26.735, 259.304
CIE-LUV	34.262, -19.781, -35.181
Hunter-Lab	28.521, -4.773, -20.783
Binary	00011011, 01010101, 01111010

#1b557a
```
#1b557a rgb(27,85,122)
```
#7a401b
```
#7a401b rgb(122,64,27)
```

Complementary Color

#1b7a70
```
#1b7a70 rgb(27,122,112)
```
#1b557a
```
#1b557a rgb(27,85,122)
```
#1b267a
```
#1b267a rgb(27,38,122)
```

Analogous Color

#7a701b
```
#7a701b rgb(122,112,27)
```
#1b557a
```
#1b557a rgb(27,85,122)
```
#7a1b26
```
#7a1b26 rgb(122,27,38)
```

Split Complementary Color

#557a1b
```
#557a1b rgb(85,122,27)
```
#1b557a
```
#1b557a rgb(27,85,122)
```
#7a1b55
```
#7a1b55 rgb(122,27,85)
```

Triadic Color

#1b7a40
```
#1b7a40 rgb(27,122,64)
```
#1b557a
```
#1b557a rgb(27,85,122)
```
#7a1b55
```
#7a1b55 rgb(122,27,85)
```
#7a401b
```
#7a401b rgb(122,64,27)
```

Tetradic Color

#0d293b
```
#0d293b rgb(13,41,59)
```
#123850
```
#123850 rgb(18,56,80)
```
#164665
```
#164665 rgb(22,70,101)
```
#1b557a
```
#1b557a rgb(27,85,122)
```
#20648f
```
#20648f rgb(32,100,143)
```
#2472a4
```
#2472a4 rgb(36,114,164)
```
#2981b9
```
#2981b9 rgb(41,129,185)
```

Monochromatic Color

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

#1b6d7a
```
#1b6d7a rgb(27,109,122)
```
#1b657a
```
#1b657a rgb(27,101,122)
```
#1b5d7a
```
#1b5d7a rgb(27,93,122)
```
#1b557a
```
#1b557a rgb(27,85,122)
```
#1b4d7a
```
#1b4d7a rgb(27,77,122)
```
#1b457a
```
#1b457a rgb(27,69,122)
```
#1b3d7a
```
#1b3d7a rgb(27,61,122)
```

Similar Colors

Text with hexadecimal color #1b557a

This text has a font color of #1b557a.

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

#1b557a background color

This paragraph has a background color of #1b557a.

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

#1b557a border color

This element has a border color of #1b557a.

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

CSS codes

.text {color:#1b557a;}

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

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

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, #02070a is the darkest color, while #f9fcfe is the lightest one.

#02070a
```
#02070a rgb(2,7,10)
```
#06121a
```
#06121a rgb(6,18,26)
```
#091d2a
```
#091d2a rgb(9,29,42)
```
#0d283a
```
#0d283a rgb(13,40,58)
```
#10334a
```
#10334a rgb(16,51,74)
```
#143f5a
```
#143f5a rgb(20,63,90)
```
#174a6a
```
#174a6a rgb(23,74,106)
```
#1b557a
```
#1b557a rgb(27,85,122)
```
#1f608a
```
#1f608a rgb(31,96,138)
```
#226b9a
```
#226b9a rgb(34,107,154)
```
#2677aa
```
#2677aa rgb(38,119,170)
```
#2982ba
```
#2982ba rgb(41,130,186)
```
#2d8dca
```
#2d8dca rgb(45,141,202)
```

Shade Color Variation

#3896d3
```
#3896d3 rgb(56,150,211)
```
#489fd6
```
#489fd6 rgb(72,159,214)
```
#58a7da
```
#58a7da rgb(88,167,218)
```
#68b0de
```
#68b0de rgb(104,176,222)
```
#78b8e1
```
#78b8e1 rgb(120,184,225)
```
#88c1e5
```
#88c1e5 rgb(136,193,229)
```
#98c9e8
```
#98c9e8 rgb(152,201,232)
```
#a8d1ec
```
#a8d1ec rgb(168,209,236)
```
#b8daef
```
#b8daef rgb(184,218,239)
```
#c8e2f3
```
#c8e2f3 rgb(200,226,243)
```
#d8ebf6
```
#d8ebf6 rgb(216,235,246)
```
#e8f3fa
```
#e8f3fa rgb(232,243,250)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #494b4c is the less saturated color, while #045a91 is the most saturated one.

#494b4c
```
#494b4c rgb(73,75,76)
```
#434c52
```
#434c52 rgb(67,76,82)
```
#3d4d58
```
#3d4d58 rgb(61,77,88)
```
#384f5d
```
#384f5d rgb(56,79,93)
```
#325063
```
#325063 rgb(50,80,99)
```
#2c5169
```
#2c5169 rgb(44,81,105)
```
#26526f
```
#26526f rgb(38,82,111)
```
#215474
```
#215474 rgb(33,84,116)
```
#1b557a
```
#1b557a rgb(27,85,122)
```
#155680
```
#155680 rgb(21,86,128)
```
#105885
```
#105885 rgb(16,88,133)
```
#0a598b
```
#0a598b rgb(10,89,139)
```
#045a91
```
#045a91 rgb(4,90,145)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#3f4b52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d587c Protanopia 1% of men
#445982 Deuteranopia 1% of men
#006269 Tritanopia 0.001% of the population

Trichromacy

#3a577b Protanomaly 1% of men, 0.01% of women
#35577f Deuteranomaly 6% of men, 0.4% of women
#095d6f Tritanomaly 0.01% of the population

#1b557a hex color

#1b557a Color Information

#1b557a Color Conversion

Color Schemes with #1b557a

Alternatives to #1b557a

#1b557a Preview

Shades and Tints of #1b557a

Tones of #1b557a

Color Blindness Simulator