#1b4150 hex color

In a RGB color space, hex #1b4150 is composed of 10.6% red, 25.5% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 18.8% magenta, 0% yellow and 68.6% black. It has a hue angle of 197 degrees, a saturation of 49.5% and a lightness of 21%. #1b4150 color hex could be obtained by blending #3682a0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 11
- G 25
- B 31
RGB color chart
- C 66
- M 19
- Y 0
- K 69
CMYK color chart

● #1b4150 color description : Very dark blue.

The hexadecimal color #1b4150 has RGB values of R:27, G:65, B:80 and CMYK values of C:0.66, M:0.19, Y:0, K:0.69. Its decimal value is 1786192.

Hex triplet	1b4150	`#1b4150`
RGB Decimal	27, 65, 80	`rgb(27,65,80)`
RGB Percent	10.6, 25.5, 31.4	`rgb(10.6%,25.5%,31.4%)`
CMYK	66, 19, 0, 69
HSL	197°, 49.5, 21	`hsl(197,49.5%,21%)`
HSV (or HSB)	197°, 66.3, 31.4
Web Safe	333366	`#333366`

CIE-LAB	25.541, -8.238, -13.096
XYZ	3.79, 4.593, 8.276
xyY	0.228, 0.276, 4.593
CIE-LCH	25.541, 15.472, 237.83
CIE-LUV	25.541, -14.066, -14.753
Hunter-Lab	21.43, -5.935, -7.895
Binary	00011011, 01000001, 01010000

#1b4150
```
#1b4150 rgb(27,65,80)
```
#502a1b
```
#502a1b rgb(80,42,27)
```

Complementary Color

#1b5045
```
#1b5045 rgb(27,80,69)
```
#1b4150
```
#1b4150 rgb(27,65,80)
```
#1b2750
```
#1b2750 rgb(27,39,80)
```

Analogous Color

#50451b
```
#50451b rgb(80,69,27)
```
#1b4150
```
#1b4150 rgb(27,65,80)
```
#501b27
```
#501b27 rgb(80,27,39)
```

Split Complementary Color

#41501b
```
#41501b rgb(65,80,27)
```
#1b4150
```
#1b4150 rgb(27,65,80)
```
#501b41
```
#501b41 rgb(80,27,65)
```

Triadic Color

#1b502a
```
#1b502a rgb(27,80,42)
```
#1b4150
```
#1b4150 rgb(27,65,80)
```
#501b41
```
#501b41 rgb(80,27,65)
```
#502a1b
```
#502a1b rgb(80,42,27)
```

Tetradic Color

#081317
```
#081317 rgb(8,19,23)
```
#0e222a
```
#0e222a rgb(14,34,42)
```
#15323d
```
#15323d rgb(21,50,61)
```
#1b4150
```
#1b4150 rgb(27,65,80)
```
#215063
```
#215063 rgb(33,80,99)
```
#286076
```
#286076 rgb(40,96,118)
```
#2e6f89
```
#2e6f89 rgb(46,111,137)
```

Monochromatic Color

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

#1b4e50
```
#1b4e50 rgb(27,78,80)
```
#1b4a50
```
#1b4a50 rgb(27,74,80)
```
#1b4550
```
#1b4550 rgb(27,69,80)
```
#1b4150
```
#1b4150 rgb(27,65,80)
```
#1b3d50
```
#1b3d50 rgb(27,61,80)
```
#1b3850
```
#1b3850 rgb(27,56,80)
```
#1b3450
```
#1b3450 rgb(27,52,80)
```

Similar Colors

Text with hexadecimal color #1b4150

This text has a font color of #1b4150.

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

#1b4150 background color

This paragraph has a background color of #1b4150.

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

#1b4150 border color

This element has a border color of #1b4150.

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

CSS codes

.text {color:#1b4150;}

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

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

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

#020507
```
#020507 rgb(2,5,7)
```
#071115
```
#071115 rgb(7,17,21)
```
#0c1d24
```
#0c1d24 rgb(12,29,36)
```
#112933
```
#112933 rgb(17,41,51)
```
#163541
```
#163541 rgb(22,53,65)
```
#1b4150
```
#1b4150 rgb(27,65,80)
```
#204d5f
```
#204d5f rgb(32,77,95)
```
#25596d
```
#25596d rgb(37,89,109)
```
#2a657c
```
#2a657c rgb(42,101,124)
```
#2f718b
```
#2f718b rgb(47,113,139)
```
#347d99
```
#347d99 rgb(52,125,153)
```
#3988a8
```
#3988a8 rgb(57,136,168)
```
#3e94b7
```
#3e94b7 rgb(62,148,183)
```

Shade Color Variation

#479ec1
```
#479ec1 rgb(71,158,193)
```
#56a6c6
```
#56a6c6 rgb(86,166,198)
```
#64aecb
```
#64aecb rgb(100,174,203)
```
#73b6d0
```
#73b6d0 rgb(115,182,208)
```
#82bdd5
```
#82bdd5 rgb(130,189,213)
```
#90c5da
```
#90c5da rgb(144,197,218)
```
#9fcddf
```
#9fcddf rgb(159,205,223)
```
#aed4e4
```
#aed4e4 rgb(174,212,228)
```
#bcdce9
```
#bcdce9 rgb(188,220,233)
```
#cbe4ed
```
#cbe4ed rgb(203,228,237)
```
#daebf2
```
#daebf2 rgb(218,235,242)
```
#e8f3f7
```
#e8f3f7 rgb(232,243,247)
```
#f7fbfc
```
#f7fbfc rgb(247,251,252)
```

Tint Color Variation

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

#343637
```
#343637 rgb(52,54,55)
```
#30383b
```
#30383b rgb(48,56,59)
```
#2b3a40
```
#2b3a40 rgb(43,58,64)
```
#273c44
```
#273c44 rgb(39,60,68)
```
#233d48
```
#233d48 rgb(35,61,72)
```
#1f3f4c
```
#1f3f4c rgb(31,63,76)
```
#1b4150
```
#1b4150 rgb(27,65,80)
```
#174354
```
#174354 rgb(23,67,84)
```
#134558
```
#134558 rgb(19,69,88)
```
#0f465c
```
#0f465c rgb(15,70,92)
```
#0b4860
```
#0b4860 rgb(11,72,96)
```
#064a65
```
#064a65 rgb(6,74,101)
```
#024c69
```
#024c69 rgb(2,76,105)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#31393c Atypical Achromatopsia 0.001% of the population

Dichromacy

#424555 Protanopia 1% of men
#41455b Deuteranopia 1% of men
#224c51 Tritanopia 0.001% of the population

Trichromacy

#344453 Protanomaly 1% of men, 0.01% of women
#334357 Deuteranomaly 6% of men, 0.4% of women
#1f4851 Tritanomaly 0.01% of the population

#1b4150 hex color

#1b4150 Color Information

#1b4150 Color Conversion

Color Schemes with #1b4150

Alternatives to #1b4150

#1b4150 Preview

Shades and Tints of #1b4150

Tones of #1b4150

Color Blindness Simulator