#0f6586 hex color

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

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

● #0f6586 color description : Dark blue.

The hexadecimal color #0f6586 has RGB values of R:15, G:101, B:134 and CMYK values of C:0.89, M:0.25, Y:0, K:0.47. Its decimal value is 1009030.

Hex triplet	0f6586	`#0f6586`
RGB Decimal	15, 101, 134	`rgb(15,101,134)`
RGB Percent	5.9, 39.6, 52.5	`rgb(5.9%,39.6%,52.5%)`
CMYK	89, 25, 0, 47
HSL	196.6°, 79.9, 29.2	`hsl(196.6,79.9%,29.2%)`
HSV (or HSB)	196.6°, 88.8, 52.5
Web Safe	006699	`#006699`

CIE-LAB	39.797, -11.328, -24.977
XYZ	9.153, 11.129, 24.219
xyY	0.206, 0.25, 11.129
CIE-LCH	39.797, 27.425, 245.603
CIE-LUV	39.797, -26.21, -33.973
Hunter-Lab	33.361, -9.409, -19.69
Binary	00001111, 01100101, 10000110

#0f6586
```
#0f6586 rgb(15,101,134)
```
#86300f
```
#86300f rgb(134,48,15)
```

Complementary Color

#0f866c
```
#0f866c rgb(15,134,108)
```
#0f6586
```
#0f6586 rgb(15,101,134)
```
#0f2a86
```
#0f2a86 rgb(15,42,134)
```

Analogous Color

#866c0f
```
#866c0f rgb(134,108,15)
```
#0f6586
```
#0f6586 rgb(15,101,134)
```
#860f2a
```
#860f2a rgb(134,15,42)
```

Split Complementary Color

#65860f
```
#65860f rgb(101,134,15)
```
#0f6586
```
#0f6586 rgb(15,101,134)
```
#860f65
```
#860f65 rgb(134,15,101)
```

Triadic Color

#0f8630
```
#0f8630 rgb(15,134,48)
```
#0f6586
```
#0f6586 rgb(15,101,134)
```
#860f65
```
#860f65 rgb(134,15,101)
```
#86300f
```
#86300f rgb(134,48,15)
```

Tetradic Color

#073141
```
#073141 rgb(7,49,65)
```
#0a4258
```
#0a4258 rgb(10,66,88)
```
#0c546f
```
#0c546f rgb(12,84,111)
```
#0f6586
```
#0f6586 rgb(15,101,134)
```
#12769d
```
#12769d rgb(18,118,157)
```
#1488b4
```
#1488b4 rgb(20,136,180)
```
#1799cb
```
#1799cb rgb(23,153,203)
```

Monochromatic Color

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

#0f8386
```
#0f8386 rgb(15,131,134)
```
#0f7986
```
#0f7986 rgb(15,121,134)
```
#0f6f86
```
#0f6f86 rgb(15,111,134)
```
#0f6586
```
#0f6586 rgb(15,101,134)
```
#0f5b86
```
#0f5b86 rgb(15,91,134)
```
#0f5186
```
#0f5186 rgb(15,81,134)
```
#0f4786
```
#0f4786 rgb(15,71,134)
```

Similar Colors

Text with hexadecimal color #0f6586

This text has a font color of #0f6586.

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

#0f6586 background color

This paragraph has a background color of #0f6586.

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

#0f6586 border color

This element has a border color of #0f6586.

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

CSS codes

.text {color:#0f6586;}

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

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

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

#01080b
```
#01080b rgb(1,8,11)
```
#03151c
```
#03151c rgb(3,21,28)
```
#05232e
```
#05232e rgb(5,35,46)
```
#07303f
```
#07303f rgb(7,48,63)
```
#093d51
```
#093d51 rgb(9,61,81)
```
#0b4a63
```
#0b4a63 rgb(11,74,99)
```
#0d5874
```
#0d5874 rgb(13,88,116)
```
#0f6586
```
#0f6586 rgb(15,101,134)
```
#117298
```
#117298 rgb(17,114,152)
```
#1380a9
```
#1380a9 rgb(19,128,169)
```
#158dbb
```
#158dbb rgb(21,141,187)
```
#179acd
```
#179acd rgb(23,154,205)
```
#19a7de
```
#19a7de rgb(25,167,222)
```

Shade Color Variation

#24b1e7
```
#24b1e7 rgb(36,177,231)
```
#36b7e8
```
#36b7e8 rgb(54,183,232)
```
#47bdea
```
#47bdea rgb(71,189,234)
```
#59c4ec
```
#59c4ec rgb(89,196,236)
```
#6bcaee
```
#6bcaee rgb(107,202,238)
```
#7cd0f0
```
#7cd0f0 rgb(124,208,240)
```
#8ed7f2
```
#8ed7f2 rgb(142,215,242)
```
#a0ddf4
```
#a0ddf4 rgb(160,221,244)
```
#b1e3f6
```
#b1e3f6 rgb(177,227,246)
```
#c3e9f8
```
#c3e9f8 rgb(195,233,248)
```
#d5f0fa
```
#d5f0fa rgb(213,240,250)
```
#e6f6fc
```
#e6f6fc rgb(230,246,252)
```
#f8fcfe
```
#f8fcfe rgb(248,252,254)
```

Tint Color Variation

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

#484b4d
```
#484b4d rgb(72,75,77)
```
#434e52
```
#434e52 rgb(67,78,82)
```
#3d5158
```
#3d5158 rgb(61,81,88)
```
#37535e
```
#37535e rgb(55,83,94)
```
#315664
```
#315664 rgb(49,86,100)
```
#2c5869
```
#2c5869 rgb(44,88,105)
```
#265b6f
```
#265b6f rgb(38,91,111)
```
#205d75
```
#205d75 rgb(32,93,117)
```
#1a607b
```
#1a607b rgb(26,96,123)
```
#156280
```
#156280 rgb(21,98,128)
```
#0f6586
```
#0f6586 rgb(15,101,134)
```
#09688c
```
#09688c rgb(9,104,140)
```
#046a91
```
#046a91 rgb(4,106,145)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#42535a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b6486 Protanopia 1% of men
#54658f Deuteranopia 1% of men
#007077 Tritanopia 0.001% of the population

Trichromacy

#3f6486 Protanomaly 1% of men, 0.01% of women
#3a658b Deuteranomaly 6% of men, 0.4% of women
#056c7d Tritanomaly 0.01% of the population

#0f6586 hex color

#0f6586 Color Information

#0f6586 Color Conversion

Color Schemes with #0f6586

Alternatives to #0f6586

#0f6586 Preview

Shades and Tints of #0f6586

Tones of #0f6586

Color Blindness Simulator