#0b224c hex color

In a RGB color space, hex #0b224c is composed of 4.3% red, 13.3% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 85.5% cyan, 55.3% magenta, 0% yellow and 70.2% black. It has a hue angle of 218.8 degrees, a saturation of 74.7% and a lightness of 17.1%. #0b224c color hex could be obtained by blending #164498 with #000000. Closest websafe color is: #003333.

♥
- f
- t
- g
- R 4
- G 13
- B 30
RGB color chart
- C 86
- M 55
- Y 0
- K 70
CMYK color chart

● #0b224c color description : Very dark blue.

The hexadecimal color #0b224c has RGB values of R:11, G:34, B:76 and CMYK values of C:0.86, M:0.55, Y:0, K:0.7. Its decimal value is 729676.

Hex triplet	0b224c	`#0b224c`
RGB Decimal	11, 34, 76	`rgb(11,34,76)`
RGB Percent	4.3, 13.3, 29.8	`rgb(4.3%,13.3%,29.8%)`
CMYK	86, 55, 0, 70
HSL	218.8°, 74.7, 17.1	`hsl(218.8,74.7%,17.1%)`
HSV (or HSB)	218.8°, 85.5, 29.8
Web Safe	003333	`#003333`

CIE-LAB	14.041, 8.879, -28.577
XYZ	2.014, 1.737, 7.066
xyY	0.186, 0.161, 1.737
CIE-LCH	14.041, 29.925, 287.261
CIE-LUV	14.041, -6.26, -27.57
Hunter-Lab	13.179, 4.219, -22.564
Binary	00001011, 00100010, 01001100

#0b224c
```
#0b224c rgb(11,34,76)
```
#4c350b
```
#4c350b rgb(76,53,11)
```

Complementary Color

#0b424c
```
#0b424c rgb(11,66,76)
```
#0b224c
```
#0b224c rgb(11,34,76)
```
#150b4c
```
#150b4c rgb(21,11,76)
```

Analogous Color

#434c0b
```
#434c0b rgb(67,76,11)
```
#0b224c
```
#0b224c rgb(11,34,76)
```
#4c150b
```
#4c150b rgb(76,21,11)
```

Split Complementary Color

#224c0b
```
#224c0b rgb(34,76,11)
```
#0b224c
```
#0b224c rgb(11,34,76)
```
#4c0b22
```
#4c0b22 rgb(76,11,34)
```

Triadic Color

#0b4c35
```
#0b4c35 rgb(11,76,53)
```
#0b224c
```
#0b224c rgb(11,34,76)
```
#4c0b22
```
#4c0b22 rgb(76,11,34)
```
#4c350b
```
#4c350b rgb(76,53,11)
```

Tetradic Color

#010409
```
#010409 rgb(1,4,9)
```
#050e1f
```
#050e1f rgb(5,14,31)
```
#081836
```
#081836 rgb(8,24,54)
```
#0b224c
```
#0b224c rgb(11,34,76)
```
#0e2c62
```
#0e2c62 rgb(14,44,98)
```
#113679
```
#113679 rgb(17,54,121)
```
#15408f
```
#15408f rgb(21,64,143)
```

Monochromatic Color

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

#0b324c
```
#0b324c rgb(11,50,76)
```
#0b2d4c
```
#0b2d4c rgb(11,45,76)
```
#0b274c
```
#0b274c rgb(11,39,76)
```
#0b224c
```
#0b224c rgb(11,34,76)
```
#0b1d4c
```
#0b1d4c rgb(11,29,76)
```
#0b174c
```
#0b174c rgb(11,23,76)
```
#0b124c
```
#0b124c rgb(11,18,76)
```

Similar Colors

Text with hexadecimal color #0b224c

This text has a font color of #0b224c.

<span style="color:#0b224c;">Text here</span>

#0b224c background color

This paragraph has a background color of #0b224c.

<p style="background-color:#0b224c;">Content here</p>

#0b224c border color

This element has a border color of #0b224c.

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

CSS codes

.text {color:#0b224c;}

.background {background-color:#0b224c;}

.border {border:1px solid #0b224c;}

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

#010307
```
#010307 rgb(1,3,7)
```
#040b19
```
#040b19 rgb(4,11,25)
```
#06132a
```
#06132a rgb(6,19,42)
```
#091a3b
```
#091a3b rgb(9,26,59)
```
#0b224c
```
#0b224c rgb(11,34,76)
```
#0d2a5d
```
#0d2a5d rgb(13,42,93)
```
#10316e
```
#10316e rgb(16,49,110)
```
#12397f
```
#12397f rgb(18,57,127)
```
#154191
```
#154191 rgb(21,65,145)
```
#1748a2
```
#1748a2 rgb(23,72,162)
```
#1a50b3
```
#1a50b3 rgb(26,80,179)
```
#1c58c4
```
#1c58c4 rgb(28,88,196)
```
#1f5fd5
```
#1f5fd5 rgb(31,95,213)
```

Shade Color Variation

#2869e0
```
#2869e0 rgb(40,105,224)
```
#3975e2
```
#3975e2 rgb(57,117,226)
```
#4a81e5
```
#4a81e5 rgb(74,129,229)
```
#5b8de7
```
#5b8de7 rgb(91,141,231)
```
#6c99ea
```
#6c99ea rgb(108,153,234)
```
#7da5ec
```
#7da5ec rgb(125,165,236)
```
#8fb1ef
```
#8fb1ef rgb(143,177,239)
```
#a0bdf1
```
#a0bdf1 rgb(160,189,241)
```
#b1c8f4
```
#b1c8f4 rgb(177,200,244)
```
#c2d4f6
```
#c2d4f6 rgb(194,212,246)
```
#d3e0f9
```
#d3e0f9 rgb(211,224,249)
```
#e4ecfb
```
#e4ecfb rgb(228,236,251)
```
#f5f8fe
```
#f5f8fe rgb(245,248,254)
```

Tint Color Variation

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

#292b2e
```
#292b2e rgb(41,43,46)
```
#262a31
```
#262a31 rgb(38,42,49)
```
#222935
```
#222935 rgb(34,41,53)
```
#1f2838
```
#1f2838 rgb(31,40,56)
```
#1c273b
```
#1c273b rgb(28,39,59)
```
#18263f
```
#18263f rgb(24,38,63)
```
#152542
```
#152542 rgb(21,37,66)
```
#122445
```
#122445 rgb(18,36,69)
```
#0e2349
```
#0e2349 rgb(14,35,73)
```
#0b224c
```
#0b224c rgb(11,34,76)
```
#08214f
```
#08214f rgb(8,33,79)
```
#042053
```
#042053 rgb(4,32,83)
```
#011f56
```
#011f56 rgb(1,31,86)
```

Tone Color Variation

Below, you can see how #0b224c 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

#202020 Achromatopsia 0.005% of the population
#1c2029 Atypical Achromatopsia 0.001% of the population

Dichromacy

#142d55 Protanopia 1% of men
#00304f Deuteranopia 1% of men
#003336 Tritanopia 0.001% of the population

Trichromacy

#112952 Protanomaly 1% of men, 0.01% of women
#042a4d Deuteranomaly 6% of men, 0.4% of women
#042d3e Tritanomaly 0.01% of the population

#0b224c hex color

#0b224c Color Information

#0b224c Color Conversion

Color Schemes with #0b224c

Alternatives to #0b224c

#0b224c Preview

Shades and Tints of #0b224c

Tones of #0b224c

Color Blindness Simulator