#1b557c hex color

In a RGB color space, hex #1b557c is composed of 10.6% red, 33.3% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 31.5% magenta, 0% yellow and 51.4% black. It has a hue angle of 204.1 degrees, a saturation of 64.2% and a lightness of 29.6%. #1b557c color hex could be obtained by blending #36aaf8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 11
- G 33
- B 49
RGB color chart
- C 78
- M 31
- Y 0
- K 51
CMYK color chart

● #1b557c color description : Dark blue.

The hexadecimal color #1b557c has RGB values of R:27, G:85, B:124 and CMYK values of C:0.78, M:0.31, Y:0, K:0.51. Its decimal value is 1791356.

Hex triplet	1b557c	`#1b557c`
RGB Decimal	27, 85, 124	`rgb(27,85,124)`
RGB Percent	10.6, 33.3, 48.6	`rgb(10.6%,33.3%,48.6%)`
CMYK	78, 31, 0, 51
HSL	204.1°, 64.2, 29.6	`hsl(204.1,64.2%,29.6%)`
HSV (or HSB)	204.1°, 78.2, 48.6
Web Safe	336666	`#336666`

CIE-LAB	34.364, -4.188, -27.346
XYZ	7.338, 8.185, 20.261
xyY	0.205, 0.229, 8.185
CIE-LCH	34.364, 27.665, 261.294
CIE-LUV	34.364, -19.693, -36.833
Hunter-Lab	28.609, -4.283, -21.963
Binary	00011011, 01010101, 01111100

#1b557c
```
#1b557c rgb(27,85,124)
```
#7c421b
```
#7c421b rgb(124,66,27)
```

Complementary Color

#1b7c73
```
#1b7c73 rgb(27,124,115)
```
#1b557c
```
#1b557c rgb(27,85,124)
```
#1b257c
```
#1b257c rgb(27,37,124)
```

Analogous Color

#7c731b
```
#7c731b rgb(124,115,27)
```
#1b557c
```
#1b557c rgb(27,85,124)
```
#7c1b25
```
#7c1b25 rgb(124,27,37)
```

Split Complementary Color

#557c1b
```
#557c1b rgb(85,124,27)
```
#1b557c
```
#1b557c rgb(27,85,124)
```
#7c1b55
```
#7c1b55 rgb(124,27,85)
```

Triadic Color

#1b7c42
```
#1b7c42 rgb(27,124,66)
```
#1b557c
```
#1b557c rgb(27,85,124)
```
#7c1b55
```
#7c1b55 rgb(124,27,85)
```
#7c421b
```
#7c421b rgb(124,66,27)
```

Tetradic Color

#0d2a3d
```
#0d2a3d rgb(13,42,61)
```
#123852
```
#123852 rgb(18,56,82)
```
#164767
```
#164767 rgb(22,71,103)
```
#1b557c
```
#1b557c rgb(27,85,124)
```
#206391
```
#206391 rgb(32,99,145)
```
#2472a6
```
#2472a6 rgb(36,114,166)
```
#2980bb
```
#2980bb rgb(41,128,187)
```

Monochromatic Color

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

#1b6d7c
```
#1b6d7c rgb(27,109,124)
```
#1b657c
```
#1b657c rgb(27,101,124)
```
#1b5d7c
```
#1b5d7c rgb(27,93,124)
```
#1b557c
```
#1b557c rgb(27,85,124)
```
#1b4d7c
```
#1b4d7c rgb(27,77,124)
```
#1b457c
```
#1b457c rgb(27,69,124)
```
#1b3d7c
```
#1b3d7c rgb(27,61,124)
```

Similar Colors

Text with hexadecimal color #1b557c

This text has a font color of #1b557c.

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

#1b557c background color

This paragraph has a background color of #1b557c.

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

#1b557c border color

This element has a border color of #1b557c.

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

CSS codes

.text {color:#1b557c;}

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

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

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, #02080b is the darkest color, while #fafcfe is the lightest one.

#02080b
```
#02080b rgb(2,8,11)
```
#06131b
```
#06131b rgb(6,19,27)
```
#091e2b
```
#091e2b rgb(9,30,43)
```
#0d293c
```
#0d293c rgb(13,41,60)
```
#10344c
```
#10344c rgb(16,52,76)
```
#143f5c
```
#143f5c rgb(20,63,92)
```
#174a6c
```
#174a6c rgb(23,74,108)
```
#1b557c
```
#1b557c rgb(27,85,124)
```
#1f608c
```
#1f608c rgb(31,96,140)
```
#226b9c
```
#226b9c rgb(34,107,156)
```
#2676ac
```
#2676ac rgb(38,118,172)
```
#2981bc
```
#2981bc rgb(41,129,188)
```
#2d8ccd
```
#2d8ccd rgb(45,140,205)
```

Shade Color Variation

#3996d4
```
#3996d4 rgb(57,150,212)
```
#499ed7
```
#499ed7 rgb(73,158,215)
```
#59a7db
```
#59a7db rgb(89,167,219)
```
#69afde
```
#69afde rgb(105,175,222)
```
#79b8e2
```
#79b8e2 rgb(121,184,226)
```
#89c0e5
```
#89c0e5 rgb(137,192,229)
```
#99c9e9
```
#99c9e9 rgb(153,201,233)
```
#aad2ec
```
#aad2ec rgb(170,210,236)
```
#badaf0
```
#badaf0 rgb(186,218,240)
```
#cae3f3
```
#cae3f3 rgb(202,227,243)
```
#daebf7
```
#daebf7 rgb(218,235,247)
```
#eaf4fa
```
#eaf4fa rgb(234,244,250)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#494c4e
```
#494c4e rgb(73,76,78)
```
#444d53
```
#444d53 rgb(68,77,83)
```
#3e4e59
```
#3e4e59 rgb(62,78,89)
```
#384f5f
```
#384f5f rgb(56,79,95)
```
#325065
```
#325065 rgb(50,80,101)
```
#2c526b
```
#2c526b rgb(44,82,107)
```
#275370
```
#275370 rgb(39,83,112)
```
#215476
```
#215476 rgb(33,84,118)
```
#1b557c
```
#1b557c rgb(27,85,124)
```
#155682
```
#155682 rgb(21,86,130)
```
#0f5788
```
#0f5788 rgb(15,87,136)
```
#0a588d
```
#0a588d rgb(10,88,141)
```
#045a93
```
#045a93 rgb(4,90,147)
```

Tone Color Variation

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

#4c587e Protanopia 1% of men
#425984 Deuteranopia 1% of men
#006269 Tritanopia 0.001% of the population

Trichromacy

#3a577d Protanomaly 1% of men, 0.01% of women
#345881 Deuteranomaly 6% of men, 0.4% of women
#095d70 Tritanomaly 0.01% of the population

#1b557c hex color

#1b557c Color Information

#1b557c Color Conversion

Color Schemes with #1b557c

Alternatives to #1b557c

#1b557c Preview

Shades and Tints of #1b557c

Tones of #1b557c

Color Blindness Simulator