colorhexa.com

#1b224f hex color

In a RGB color space, hex #1b224f is composed of 10.6% red, 13.3% green and 31% blue. Whereas in a CMYK color space, it is composed of 65.8% cyan, 57% magenta, 0% yellow and 69% black. It has a hue angle of 231.9 degrees, a saturation of 49.1% and a lightness of 20.8%. #1b224f color hex could be obtained by blending #36449e with #000000. Closest websafe color is: #333366.

- R 11
- G 13
- B 31
RGB color chart
- C 66
- M 57
- Y 0
- K 69
CMYK color chart

● #1b224f color description : Very dark blue.

The hexadecimal color #1b224f has RGB values of R:27, G:34, B:79 and CMYK values of C:0.66, M:0.57, Y:0, K:0.69. Its decimal value is 1778255.

Hex triplet	1b224f	`#1b224f`
RGB Decimal	27, 34, 79	`rgb(27,34,79)`
RGB Percent	10.6, 13.3, 31	`rgb(10.6%,13.3%,31%)`
CMYK	66, 57, 0, 69
HSL	231.9°, 49.1, 20.8	`hsl(231.9,49.1%,20.8%)`
HSV (or HSB)	231.9°, 65.8, 31
Web Safe	333366	`#333366`

CIE-LAB	15.177, 13.014, -28.749
XYZ	2.435, 1.941, 7.643
xyY	0.203, 0.162, 1.941
CIE-LCH	15.177, 31.558, 294.356
CIE-LUV	15.177, -3.764, -29.131
Hunter-Lab	13.934, 6.81, -22.769
Binary	00011011, 00100010, 01001111

#1b224f
```
#1b224f rgb(27,34,79)
```
#4f481b
```
#4f481b rgb(79,72,27)
```

Complementary Color

#1b3c4f
```
#1b3c4f rgb(27,60,79)
```
#1b224f
```
#1b224f rgb(27,34,79)
```
#2e1b4f
```
#2e1b4f rgb(46,27,79)
```

Analogous Color

#3c4f1b
```
#3c4f1b rgb(60,79,27)
```
#1b224f
```
#1b224f rgb(27,34,79)
```
#4f2e1b
```
#4f2e1b rgb(79,46,27)
```

Split Complementary Color

#080916
```
#080916 rgb(8,9,22)
```
#0e1229
```
#0e1229 rgb(14,18,41)
```
#151a3c
```
#151a3c rgb(21,26,60)
```
#1b224f
```
#1b224f rgb(27,34,79)
```
#212a62
```
#212a62 rgb(33,42,98)
```
#283275
```
#283275 rgb(40,50,117)
```
#2e3b88
```
#2e3b88 rgb(46,59,136)
```

Monochromatic Color

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

#1b2f4f
```
#1b2f4f rgb(27,47,79)
```
#1b2b4f
```
#1b2b4f rgb(27,43,79)
```
#1b264f
```
#1b264f rgb(27,38,79)
```
#1b224f
```
#1b224f rgb(27,34,79)
```
#1b1e4f
```
#1b1e4f rgb(27,30,79)
```
#1d1b4f
```
#1d1b4f rgb(29,27,79)
```
#211b4f
```
#211b4f rgb(33,27,79)
```

Similar Colors

Text with hexadecimal color #1b224f

This text has a font color of #1b224f.

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

#1b224f background color

This paragraph has a background color of #1b224f.

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

#1b224f border color

This element has a border color of #1b224f.

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

CSS codes

.text {color:#1b224f;}

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

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

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

#020306
```
#020306 rgb(2,3,6)
```
#070915
```
#070915 rgb(7,9,21)
```
#0c0f23
```
#0c0f23 rgb(12,15,35)
```
#111532
```
#111532 rgb(17,21,50)
```
#161c40
```
#161c40 rgb(22,28,64)
```
#1b224f
```
#1b224f rgb(27,34,79)
```
#20285e
```
#20285e rgb(32,40,94)
```
#252f6c
```
#252f6c rgb(37,47,108)
```
#2a357b
```
#2a357b rgb(42,53,123)
```
#2f3b89
```
#2f3b89 rgb(47,59,137)
```
#344198
```
#344198 rgb(52,65,152)
```
#3948a7
```
#3948a7 rgb(57,72,167)
```
#3e4eb5
```
#3e4eb5 rgb(62,78,181)
```

Shade Color Variation

#4757c0
```
#4757c0 rgb(71,87,192)
```
#5564c5
```
#5564c5 rgb(85,100,197)
```
#6472ca
```
#6472ca rgb(100,114,202)
```
#737fcf
```
#737fcf rgb(115,127,207)
```
#818cd4
```
#818cd4 rgb(129,140,212)
```
#909ad9
```
#909ad9 rgb(144,154,217)
```
#9fa7de
```
#9fa7de rgb(159,167,222)
```
#adb4e3
```
#adb4e3 rgb(173,180,227)
```
#bcc2e8
```
#bcc2e8 rgb(188,194,232)
```
#cacfed
```
#cacfed rgb(202,207,237)
```
#d9dcf2
```
#d9dcf2 rgb(217,220,242)
```
#e8eaf7
```
#e8eaf7 rgb(232,234,247)
```
#f6f7fc
```
#f6f7fc rgb(246,247,252)
```

Tint Color Variation

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

#333437
```
#333437 rgb(51,52,55)
```
#2f313b
```
#2f313b rgb(47,49,59)
```
#2b2e3f
```
#2b2e3f rgb(43,46,63)
```
#272b43
```
#272b43 rgb(39,43,67)
```
#232847
```
#232847 rgb(35,40,71)
```
#1f254b
```
#1f254b rgb(31,37,75)
```
#1b224f
```
#1b224f rgb(27,34,79)
```
#171f53
```
#171f53 rgb(23,31,83)
```
#131c57
```
#131c57 rgb(19,28,87)
```
#0f195b
```
#0f195b rgb(15,25,91)
```
#0b165f
```
#0b165f rgb(11,22,95)
```
#071363
```
#071363 rgb(7,19,99)
```
#031067
```
#031067 rgb(3,16,103)
```

Tone Color Variation

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

#252525 Achromatopsia 0.005% of the population
#23242d Atypical Achromatopsia 0.001% of the population

Dichromacy

#142f5a Protanopia 1% of men
#003253 Deuteranopia 1% of men
#133539 Tritanopia 0.001% of the population

Trichromacy

#162a56 Protanomaly 1% of men, 0.01% of women
#092c51 Deuteranomaly 6% of men, 0.4% of women
#162e41 Tritanomaly 0.01% of the population