colorhexa.com

#1b336c hex color

In a RGB color space, hex #1b336c is composed of 10.6% red, 20% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 52.8% magenta, 0% yellow and 57.6% black. It has a hue angle of 222.2 degrees, a saturation of 60% and a lightness of 26.5%. #1b336c color hex could be obtained by blending #3666d8 with #000000. Closest websafe color is: #333366.

- R 11
- G 20
- B 42
RGB color chart
- C 75
- M 53
- Y 0
- K 58
CMYK color chart

● #1b336c color description : Very dark blue.

The hexadecimal color #1b336c has RGB values of R:27, G:51, B:108 and CMYK values of C:0.75, M:0.53, Y:0, K:0.58. Its decimal value is 1782636.

Hex triplet	1b336c	`#1b336c`
RGB Decimal	27, 51, 108	`rgb(27,51,108)`
RGB Percent	10.6, 20, 42.4	`rgb(10.6%,20%,42.4%)`
CMYK	75, 53, 0, 58
HSL	222.2°, 60, 26.5	`hsl(222.2,60%,26.5%)`
HSV (or HSB)	222.2°, 75, 42.4
Web Safe	333366	`#333366`

CIE-LAB	22.595, 12.383, -35.985
XYZ	4.342, 3.683, 14.669
xyY	0.191, 0.162, 3.683
CIE-LCH	22.595, 38.056, 288.989
CIE-LUV	22.595, -8.866, -43.578
Hunter-Lab	19.191, 6.8, -31.883
Binary	00011011, 00110011, 01101100

#1b336c
```
#1b336c rgb(27,51,108)
```
#6c541b
```
#6c541b rgb(108,84,27)
```

Complementary Color

#1b5c6c
```
#1b5c6c rgb(27,92,108)
```
#1b336c
```
#1b336c rgb(27,51,108)
```
#2c1b6c
```
#2c1b6c rgb(44,27,108)
```

Analogous Color

#5c6c1b
```
#5c6c1b rgb(92,108,27)
```
#1b336c
```
#1b336c rgb(27,51,108)
```
#6c2c1b
```
#6c2c1b rgb(108,44,27)
```

Split Complementary Color

#336c1b
```
#336c1b rgb(51,108,27)
```
#1b336c
```
#1b336c rgb(27,51,108)
```
#6c1b33
```
#6c1b33 rgb(108,27,51)
```

Triadic Color

#0c162f
```
#0c162f rgb(12,22,47)
```
#112043
```
#112043 rgb(17,32,67)
```
#162958
```
#162958 rgb(22,41,88)
```
#1b336c
```
#1b336c rgb(27,51,108)
```
#203d80
```
#203d80 rgb(32,61,128)
```
#254695
```
#254695 rgb(37,70,149)
```
#2a50a9
```
#2a50a9 rgb(42,80,169)
```

Monochromatic Color

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

#1b476c
```
#1b476c rgb(27,71,108)
```
#1b416c
```
#1b416c rgb(27,65,108)
```
#1b3a6c
```
#1b3a6c rgb(27,58,108)
```
#1b336c
```
#1b336c rgb(27,51,108)
```
#1b2c6c
```
#1b2c6c rgb(27,44,108)
```
#1b266c
```
#1b266c rgb(27,38,108)
```
#1b1f6c
```
#1b1f6c rgb(27,31,108)
```

Similar Colors

Text with hexadecimal color #1b336c

This text has a font color of #1b336c.

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

#1b336c background color

This paragraph has a background color of #1b336c.

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

#1b336c border color

This element has a border color of #1b336c.

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

CSS codes

.text {color:#1b336c;}

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

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

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, #03070e is the darkest color, while #fdfeff is the lightest one.

#03070e
```
#03070e rgb(3,7,14)
```
#070e1e
```
#070e1e rgb(7,14,30)
```
#0b152d
```
#0b152d rgb(11,21,45)
```
#0f1d3d
```
#0f1d3d rgb(15,29,61)
```
#13244d
```
#13244d rgb(19,36,77)
```
#172c5c
```
#172c5c rgb(23,44,92)
```
#1b336c
```
#1b336c rgb(27,51,108)
```
#1f3a7c
```
#1f3a7c rgb(31,58,124)
```
#23428b
```
#23428b rgb(35,66,139)
```
#27499b
```
#27499b rgb(39,73,155)
```
#2b51ab
```
#2b51ab rgb(43,81,171)
```
#2f58ba
```
#2f58ba rgb(47,88,186)
```
#335fca
```
#335fca rgb(51,95,202)
```

Shade Color Variation

#416bcf
```
#416bcf rgb(65,107,207)
```
#5177d3
```
#5177d3 rgb(81,119,211)
```
#6084d7
```
#6084d7 rgb(96,132,215)
```
#7090db
```
#7090db rgb(112,144,219)
```
#809cdf
```
#809cdf rgb(128,156,223)
```
#8fa8e3
```
#8fa8e3 rgb(143,168,227)
```
#9fb4e7
```
#9fb4e7 rgb(159,180,231)
```
#afc1eb
```
#afc1eb rgb(175,193,235)
```
#becdef
```
#becdef rgb(190,205,239)
```
#ced9f3
```
#ced9f3 rgb(206,217,243)
```
#dee5f7
```
#dee5f7 rgb(222,229,247)
```
#edf1fb
```
#edf1fb rgb(237,241,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#3f4248
```
#3f4248 rgb(63,66,72)
```
#3a404d
```
#3a404d rgb(58,64,77)
```
#353e52
```
#353e52 rgb(53,62,82)
```
#303b57
```
#303b57 rgb(48,59,87)
```
#2b395c
```
#2b395c rgb(43,57,92)
```
#253762
```
#253762 rgb(37,55,98)
```
#203567
```
#203567 rgb(32,53,103)
```
#1b336c
```
#1b336c rgb(27,51,108)
```
#163171
```
#163171 rgb(22,49,113)
```
#112f76
```
#112f76 rgb(17,47,118)
```
#0b2d7c
```
#0b2d7c rgb(11,45,124)
```
#062b81
```
#062b81 rgb(6,43,129)
```
#012886
```
#012886 rgb(1,40,134)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#2d323e Atypical Achromatopsia 0.001% of the population

Dichromacy

#1d3e74 Protanopia 1% of men
#00416c Deuteranopia 1% of men
#00464b Tritanopia 0.001% of the population

Trichromacy

#1c3a71 Protanomaly 1% of men, 0.01% of women
#093c6c Deuteranomaly 6% of men, 0.4% of women
#093f57 Tritanomaly 0.01% of the population