#0b228f hex color

In a RGB color space, hex #0b228f is composed of 4.3% red, 13.3% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 92.3% cyan, 76.2% magenta, 0% yellow and 43.9% black. It has a hue angle of 229.5 degrees, a saturation of 85.7% and a lightness of 30.2%. #0b228f color hex could be obtained by blending #1644ff with #00001f. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 4
- G 13
- B 56
RGB color chart
- C 92
- M 76
- Y 0
- K 44
CMYK color chart

● #0b228f color description : Dark blue.

The hexadecimal color #0b228f has RGB values of R:11, G:34, B:143 and CMYK values of C:0.92, M:0.76, Y:0, K:0.44. Its decimal value is 729743.

Hex triplet	0b228f	`#0b228f`
RGB Decimal	11, 34, 143	`rgb(11,34,143)`
RGB Percent	4.3, 13.3, 56.1	`rgb(4.3%,13.3%,56.1%)`
CMYK	92, 76, 0, 44
HSL	229.5°, 85.7, 30.2	`hsl(229.5,85.7%,30.2%)`
HSV (or HSB)	229.5°, 92.3, 56.1
Web Safe	003399	`#003399`

CIE-LAB	20.82, 36.626, -61.079
XYZ	5.667, 3.198, 26.304
xyY	0.161, 0.091, 3.198
CIE-LCH	20.82, 71.219, 300.949
CIE-LUV	20.82, -7.26, -67.988
Hunter-Lab	17.883, 25.271, -74.692
Binary	00001011, 00100010, 10001111

#0b228f
```
#0b228f rgb(11,34,143)
```
#8f780b
```
#8f780b rgb(143,120,11)
```

Complementary Color

#0b648f
```
#0b648f rgb(11,100,143)
```
#0b228f
```
#0b228f rgb(11,34,143)
```
#360b8f
```
#360b8f rgb(54,11,143)
```

Analogous Color

#648f0b
```
#648f0b rgb(100,143,11)
```
#0b228f
```
#0b228f rgb(11,34,143)
```
#8f360b
```
#8f360b rgb(143,54,11)
```

Split Complementary Color

#228f0b
```
#228f0b rgb(34,143,11)
```
#0b228f
```
#0b228f rgb(11,34,143)
```
#8f0b22
```
#8f0b22 rgb(143,11,34)
```

Triadic Color

#0b8f78
```
#0b8f78 rgb(11,143,120)
```
#0b228f
```
#0b228f rgb(11,34,143)
```
#8f0b22
```
#8f0b22 rgb(143,11,34)
```
#8f780b
```
#8f780b rgb(143,120,11)
```

Tetradic Color

#061148
```
#061148 rgb(6,17,72)
```
#071760
```
#071760 rgb(7,23,96)
```
#091c77
```
#091c77 rgb(9,28,119)
```
#0b228f
```
#0b228f rgb(11,34,143)
```
#0d28a7
```
#0d28a7 rgb(13,40,167)
```
#0f2dbe
```
#0f2dbe rgb(15,45,190)
```
#1033d6
```
#1033d6 rgb(16,51,214)
```

Monochromatic Color

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

#0b438f
```
#0b438f rgb(11,67,143)
```
#0b388f
```
#0b388f rgb(11,56,143)
```
#0b2d8f
```
#0b2d8f rgb(11,45,143)
```
#0b228f
```
#0b228f rgb(11,34,143)
```
#0b178f
```
#0b178f rgb(11,23,143)
```
#0b0c8f
```
#0b0c8f rgb(11,12,143)
```
#150b8f
```
#150b8f rgb(21,11,143)
```

Similar Colors

Text with hexadecimal color #0b228f

This text has a font color of #0b228f.

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

#0b228f background color

This paragraph has a background color of #0b228f.

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

#0b228f border color

This element has a border color of #0b228f.

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

CSS codes

.text {color:#0b228f;}

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

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

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

#010410
```
#010410 rgb(1,4,16)
```
#030822
```
#030822 rgb(3,8,34)
```
#040c34
```
#040c34 rgb(4,12,52)
```
#051146
```
#051146 rgb(5,17,70)
```
#071558
```
#071558 rgb(7,21,88)
```
#08196b
```
#08196b rgb(8,25,107)
```
#0a1e7d
```
#0a1e7d rgb(10,30,125)
```
#0b228f
```
#0b228f rgb(11,34,143)
```
#0c26a1
```
#0c26a1 rgb(12,38,161)
```
#0e2bb3
```
#0e2bb3 rgb(14,43,179)
```
#0f2fc6
```
#0f2fc6 rgb(15,47,198)
```
#1133d8
```
#1133d8 rgb(17,51,216)
```
#1238ea
```
#1238ea rgb(18,56,234)
```

Shade Color Variation

#2245ee
```
#2245ee rgb(34,69,238)
```
#3455ef
```
#3455ef rgb(52,85,239)
```
#4664f1
```
#4664f1 rgb(70,100,241)
```
#5873f2
```
#5873f2 rgb(88,115,242)
```
#6b82f4
```
#6b82f4 rgb(107,130,244)
```
#7d92f5
```
#7d92f5 rgb(125,146,245)
```
#8fa1f6
```
#8fa1f6 rgb(143,161,246)
```
#a1b0f8
```
#a1b0f8 rgb(161,176,248)
```
#b3c0f9
```
#b3c0f9 rgb(179,192,249)
```
#c6cffb
```
#c6cffb rgb(198,207,251)
```
#d8defc
```
#d8defc rgb(216,222,252)
```
#eaedfd
```
#eaedfd rgb(234,237,253)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#4c4c4e
```
#4c4c4e rgb(76,76,78)
```
#464954
```
#464954 rgb(70,73,84)
```
#40455a
```
#40455a rgb(64,69,90)
```
#3a4160
```
#3a4160 rgb(58,65,96)
```
#343d66
```
#343d66 rgb(52,61,102)
```
#2f396b
```
#2f396b rgb(47,57,107)
```
#293571
```
#293571 rgb(41,53,113)
```
#233177
```
#233177 rgb(35,49,119)
```
#1d2e7d
```
#1d2e7d rgb(29,46,125)
```
#172a83
```
#172a83 rgb(23,42,131)
```
#112689
```
#112689 rgb(17,38,137)
```
#0b228f
```
#0b228f rgb(11,34,143)
```
#051e95
```
#051e95 rgb(5,30,149)
```

Tone Color Variation

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

#282828 Achromatopsia 0.005% of the population
#22273d Atypical Achromatopsia 0.001% of the population

Dichromacy

#003b72 Protanopia 1% of men
#003e63 Deuteranopia 1% of men
#004245 Tritanopia 0.001% of the population

Trichromacy

#04317d Protanomaly 1% of men, 0.01% of women
#043473 Deuteranomaly 6% of men, 0.4% of women
#043660 Tritanomaly 0.01% of the population

#0b228f hex color

#0b228f Color Information

#0b228f Color Conversion

Color Schemes with #0b228f

Alternatives to #0b228f

#0b228f Preview

Shades and Tints of #0b228f

Tones of #0b228f

Color Blindness Simulator