#0f3686 hex color

In a RGB color space, hex #0f3686 is composed of 5.9% red, 21.2% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 88.8% cyan, 59.7% magenta, 0% yellow and 47.5% black. It has a hue angle of 220.3 degrees, a saturation of 79.9% and a lightness of 29.2%. #0f3686 color hex could be obtained by blending #1e6cff with #00000d. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 6
- G 21
- B 53
RGB color chart
- C 89
- M 60
- Y 0
- K 47
CMYK color chart

● #0f3686 color description : Dark blue.

The hexadecimal color #0f3686 has RGB values of R:15, G:54, B:134 and CMYK values of C:0.89, M:0.6, Y:0, K:0.47. Its decimal value is 996998.

Hex triplet	0f3686	`#0f3686`
RGB Decimal	15, 54, 134	`rgb(15,54,134)`
RGB Percent	5.9, 21.2, 52.5	`rgb(5.9%,21.2%,52.5%)`
CMYK	89, 60, 0, 47
HSL	220.3°, 79.9, 29.2	`hsl(220.3,79.9%,29.2%)`
HSV (or HSB)	220.3°, 88.8, 52.5
Web Safe	003399	`#003399`

CIE-LAB	25.139, 19.731, -48.366
XYZ	5.818, 4.461, 23.107
xyY	0.174, 0.134, 4.461
CIE-LCH	25.139, 52.236, 292.193
CIE-LUV	25.139, -11.112, -60.695
Hunter-Lab	21.12, 12.214, -50.084
Binary	00001111, 00110110, 10000110

#0f3686
```
#0f3686 rgb(15,54,134)
```
#865f0f
```
#865f0f rgb(134,95,15)
```

Complementary Color

#0f7286
```
#0f7286 rgb(15,114,134)
```
#0f3686
```
#0f3686 rgb(15,54,134)
```
#230f86
```
#230f86 rgb(35,15,134)
```

Analogous Color

#72860f
```
#72860f rgb(114,134,15)
```
#0f3686
```
#0f3686 rgb(15,54,134)
```
#86230f
```
#86230f rgb(134,35,15)
```

Split Complementary Color

#36860f
```
#36860f rgb(54,134,15)
```
#0f3686
```
#0f3686 rgb(15,54,134)
```
#860f36
```
#860f36 rgb(134,15,54)
```

Triadic Color

#0f865f
```
#0f865f rgb(15,134,95)
```
#0f3686
```
#0f3686 rgb(15,54,134)
```
#860f36
```
#860f36 rgb(134,15,54)
```
#865f0f
```
#865f0f rgb(134,95,15)
```

Tetradic Color

#071a41
```
#071a41 rgb(7,26,65)
```
#0a2458
```
#0a2458 rgb(10,36,88)
```
#0c2d6f
```
#0c2d6f rgb(12,45,111)
```
#0f3686
```
#0f3686 rgb(15,54,134)
```
#123f9d
```
#123f9d rgb(18,63,157)
```
#1448b4
```
#1448b4 rgb(20,72,180)
```
#1752cb
```
#1752cb rgb(23,82,203)
```

Monochromatic Color

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

#0f5486
```
#0f5486 rgb(15,84,134)
```
#0f4a86
```
#0f4a86 rgb(15,74,134)
```
#0f4086
```
#0f4086 rgb(15,64,134)
```
#0f3686
```
#0f3686 rgb(15,54,134)
```
#0f2c86
```
#0f2c86 rgb(15,44,134)
```
#0f2286
```
#0f2286 rgb(15,34,134)
```
#0f1886
```
#0f1886 rgb(15,24,134)
```

Similar Colors

Text with hexadecimal color #0f3686

This text has a font color of #0f3686.

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

#0f3686 background color

This paragraph has a background color of #0f3686.

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

#0f3686 border color

This element has a border color of #0f3686.

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

CSS codes

.text {color:#0f3686;}

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

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

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, #01040b is the darkest color, while #f8fafe is the lightest one.

#01040b
```
#01040b rgb(1,4,11)
```
#030b1c
```
#030b1c rgb(3,11,28)
```
#05122e
```
#05122e rgb(5,18,46)
```
#071a3f
```
#071a3f rgb(7,26,63)
```
#092151
```
#092151 rgb(9,33,81)
```
#0b2863
```
#0b2863 rgb(11,40,99)
```
#0d2f74
```
#0d2f74 rgb(13,47,116)
```
#0f3686
```
#0f3686 rgb(15,54,134)
```
#113d98
```
#113d98 rgb(17,61,152)
```
#1344a9
```
#1344a9 rgb(19,68,169)
```
#154bbb
```
#154bbb rgb(21,75,187)
```
#1752cd
```
#1752cd rgb(23,82,205)
```
#195ade
```
#195ade rgb(25,90,222)
```

Shade Color Variation

#2464e7
```
#2464e7 rgb(36,100,231)
```
#3670e8
```
#3670e8 rgb(54,112,232)
```
#477dea
```
#477dea rgb(71,125,234)
```
#5989ec
```
#5989ec rgb(89,137,236)
```
#6b96ee
```
#6b96ee rgb(107,150,238)
```
#7ca2f0
```
#7ca2f0 rgb(124,162,240)
```
#8eaff2
```
#8eaff2 rgb(142,175,242)
```
#a0bbf4
```
#a0bbf4 rgb(160,187,244)
```
#b1c8f6
```
#b1c8f6 rgb(177,200,246)
```
#c3d4f8
```
#c3d4f8 rgb(195,212,248)
```
#d5e1fa
```
#d5e1fa rgb(213,225,250)
```
#e6edfc
```
#e6edfc rgb(230,237,252)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```

Tint Color Variation

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

#484a4d
```
#484a4d rgb(72,74,77)
```
#434852
```
#434852 rgb(67,72,82)
```
#3d4658
```
#3d4658 rgb(61,70,88)
```
#37445e
```
#37445e rgb(55,68,94)
```
#314264
```
#314264 rgb(49,66,100)
```
#2c4069
```
#2c4069 rgb(44,64,105)
```
#263e6f
```
#263e6f rgb(38,62,111)
```
#203c75
```
#203c75 rgb(32,60,117)
```
#1a3a7b
```
#1a3a7b rgb(26,58,123)
```
#153880
```
#153880 rgb(21,56,128)
```
#0f3686
```
#0f3686 rgb(15,54,134)
```
#09348c
```
#09348c rgb(9,52,140)
```
#043291
```
#043291 rgb(4,50,145)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#2c3444 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004384 Protanopia 1% of men
#004773 Deuteranopia 1% of men
#004c50 Tritanopia 0.001% of the population

Trichromacy

#053e85 Protanomaly 1% of men, 0.01% of women
#05417a Deuteranomaly 6% of men, 0.4% of women
#054464 Tritanomaly 0.01% of the population

#0f3686 hex color

#0f3686 Color Information

#0f3686 Color Conversion

Color Schemes with #0f3686

Alternatives to #0f3686

#0f3686 Preview

Shades and Tints of #0f3686

Tones of #0f3686

Color Blindness Simulator