#0f3696 hex color

In a RGB color space, hex #0f3696 is composed of 5.9% red, 21.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 90% cyan, 64% magenta, 0% yellow and 41.2% black. It has a hue angle of 222.7 degrees, a saturation of 81.8% and a lightness of 32.4%. #0f3696 color hex could be obtained by blending #1e6cff with #00002d. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 6
- G 21
- B 59
RGB color chart
- C 90
- M 64
- Y 0
- K 41
CMYK color chart

● #0f3696 color description : Dark blue.

The hexadecimal color #0f3696 has RGB values of R:15, G:54, B:150 and CMYK values of C:0.9, M:0.64, Y:0, K:0.41. Its decimal value is 997014.

Hex triplet	0f3696	`#0f3696`
RGB Decimal	15, 54, 150	`rgb(15,54,150)`
RGB Percent	5.9, 21.2, 58.8	`rgb(5.9%,21.2%,58.8%)`
CMYK	90, 64, 0, 41
HSL	222.7°, 81.8, 32.4	`hsl(222.7,81.8%,32.4%)`
HSV (or HSB)	222.7°, 90, 58.8
Web Safe	003399	`#003399`

CIE-LAB	26.567, 26.305, -55.93
XYZ	7.02, 4.941, 29.436
xyY	0.17, 0.119, 4.941
CIE-LCH	26.567, 61.807, 295.188
CIE-LUV	26.567, -11.095, -71.107
Hunter-Lab	22.229, 17.47, -62.953
Binary	00001111, 00110110, 10010110

#0f3696
```
#0f3696 rgb(15,54,150)
```
#966f0f
```
#966f0f rgb(150,111,15)
```

Complementary Color

#0f7a96
```
#0f7a96 rgb(15,122,150)
```
#0f3696
```
#0f3696 rgb(15,54,150)
```
#2b0f96
```
#2b0f96 rgb(43,15,150)
```

Analogous Color

#7a960f
```
#7a960f rgb(122,150,15)
```
#0f3696
```
#0f3696 rgb(15,54,150)
```
#962b0f
```
#962b0f rgb(150,43,15)
```

Split Complementary Color

#36960f
```
#36960f rgb(54,150,15)
```
#0f3696
```
#0f3696 rgb(15,54,150)
```
#960f36
```
#960f36 rgb(150,15,54)
```

Triadic Color

#0f966f
```
#0f966f rgb(15,150,111)
```
#0f3696
```
#0f3696 rgb(15,54,150)
```
#960f36
```
#960f36 rgb(150,15,54)
```
#966f0f
```
#966f0f rgb(150,111,15)
```

Tetradic Color

#081d50
```
#081d50 rgb(8,29,80)
```
#0a2568
```
#0a2568 rgb(10,37,104)
```
#0d2e7f
```
#0d2e7f rgb(13,46,127)
```
#0f3696
```
#0f3696 rgb(15,54,150)
```
#113ead
```
#113ead rgb(17,62,173)
```
#1447c4
```
#1447c4 rgb(20,71,196)
```
#164fdc
```
#164fdc rgb(22,79,220)
```

Monochromatic Color

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

#0f5896
```
#0f5896 rgb(15,88,150)
```
#0f4d96
```
#0f4d96 rgb(15,77,150)
```
#0f4196
```
#0f4196 rgb(15,65,150)
```
#0f3696
```
#0f3696 rgb(15,54,150)
```
#0f2b96
```
#0f2b96 rgb(15,43,150)
```
#0f2096
```
#0f2096 rgb(15,32,150)
```
#0f1496
```
#0f1496 rgb(15,20,150)
```

Similar Colors

Text with hexadecimal color #0f3696

This text has a font color of #0f3696.

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

#0f3696 background color

This paragraph has a background color of #0f3696.

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

#0f3696 border color

This element has a border color of #0f3696.

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

CSS codes

.text {color:#0f3696;}

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

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

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 #f5f7fe is the lightest one.

#010307
```
#010307 rgb(1,3,7)
```
#030919
```
#030919 rgb(3,9,25)
```
#040f2b
```
#040f2b rgb(4,15,43)
```
#06163d
```
#06163d rgb(6,22,61)
```
#081c4f
```
#081c4f rgb(8,28,79)
```
#0a2361
```
#0a2361 rgb(10,35,97)
```
#0b2972
```
#0b2972 rgb(11,41,114)
```
#0d3084
```
#0d3084 rgb(13,48,132)
```
#0f3696
```
#0f3696 rgb(15,54,150)
```
#113ca8
```
#113ca8 rgb(17,60,168)
```
#1343ba
```
#1343ba rgb(19,67,186)
```
#1449cb
```
#1449cb rgb(20,73,203)
```
#1650dd
```
#1650dd rgb(22,80,221)
```

Shade Color Variation

#1f59e9
```
#1f59e9 rgb(31,89,233)
```
#3066ea
```
#3066ea rgb(48,102,234)
```
#4273ec
```
#4273ec rgb(66,115,236)
```
#5480ee
```
#5480ee rgb(84,128,238)
```
#668ef0
```
#668ef0 rgb(102,142,240)
```
#789bf1
```
#789bf1 rgb(120,155,241)
```
#8aa8f3
```
#8aa8f3 rgb(138,168,243)
```
#9bb5f5
```
#9bb5f5 rgb(155,181,245)
```
#adc2f7
```
#adc2f7 rgb(173,194,247)
```
#bfd0f9
```
#bfd0f9 rgb(191,208,249)
```
#d1ddfa
```
#d1ddfa rgb(209,221,250)
```
#e3eafc
```
#e3eafc rgb(227,234,252)
```
#f5f7fe
```
#f5f7fe rgb(245,247,254)
```

Tint Color Variation

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

#4e5157
```
#4e5157 rgb(78,81,87)
```
#484e5d
```
#484e5d rgb(72,78,93)
```
#424b63
```
#424b63 rgb(66,75,99)
```
#3b496a
```
#3b496a rgb(59,73,106)
```
#354670
```
#354670 rgb(53,70,112)
```
#2f4376
```
#2f4376 rgb(47,67,118)
```
#28417d
```
#28417d rgb(40,65,125)
```
#223e83
```
#223e83 rgb(34,62,131)
```
#1c3b89
```
#1c3b89 rgb(28,59,137)
```
#153990
```
#153990 rgb(21,57,144)
```
#0f3696
```
#0f3696 rgb(15,54,150)
```
#09339c
```
#09339c rgb(9,51,156)
```
#0231a3
```
#0231a3 rgb(2,49,163)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#2d3548 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004689 Protanopia 1% of men
#004a78 Deuteranopia 1% of men
#005054 Tritanopia 0.001% of the population

Trichromacy

#05408e Protanomaly 1% of men, 0.01% of women
#054382 Deuteranomaly 6% of men, 0.4% of women
#05466c Tritanomaly 0.01% of the population

#0f3696 hex color

#0f3696 Color Information

#0f3696 Color Conversion

Color Schemes with #0f3696

Alternatives to #0f3696

#0f3696 Preview

Shades and Tints of #0f3696

Tones of #0f3696

Color Blindness Simulator