#0f3997 hex color

In a RGB color space, hex #0f3997 is composed of 5.9% red, 22.4% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 90.1% cyan, 62.3% magenta, 0% yellow and 40.8% black. It has a hue angle of 221.5 degrees, a saturation of 81.9% and a lightness of 32.5%. #0f3997 color hex could be obtained by blending #1e72ff with #00002f. Closest websafe color is: #003399.

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

● #0f3997 color description : Dark blue.

The hexadecimal color #0f3997 has RGB values of R:15, G:57, B:151 and CMYK values of C:0.9, M:0.62, Y:0, K:0.41. Its decimal value is 997783.

Hex triplet	0f3997	`#0f3997`
RGB Decimal	15, 57, 151	`rgb(15,57,151)`
RGB Percent	5.9, 22.4, 59.2	`rgb(5.9%,22.4%,59.2%)`
CMYK	90, 62, 0, 41
HSL	221.5°, 81.9, 32.5	`hsl(221.5,81.9%,32.5%)`
HSV (or HSB)	221.5°, 90.1, 59.2
Web Safe	003399	`#003399`

CIE-LAB	27.467, 24.64, -55.068
XYZ	7.245, 5.262, 29.91
xyY	0.171, 0.124, 5.262
CIE-LCH	27.467, 60.329, 294.106
CIE-LUV	27.467, -11.816, -71.102
Hunter-Lab	22.938, 16.236, -61.254
Binary	00001111, 00111001, 10010111

#0f3997
```
#0f3997 rgb(15,57,151)
```
#976d0f
```
#976d0f rgb(151,109,15)
```

Complementary Color

#0f7d97
```
#0f7d97 rgb(15,125,151)
```
#0f3997
```
#0f3997 rgb(15,57,151)
```
#290f97
```
#290f97 rgb(41,15,151)
```

Analogous Color

#7d970f
```
#7d970f rgb(125,151,15)
```
#0f3997
```
#0f3997 rgb(15,57,151)
```
#97290f
```
#97290f rgb(151,41,15)
```

Split Complementary Color

#39970f
```
#39970f rgb(57,151,15)
```
#0f3997
```
#0f3997 rgb(15,57,151)
```
#970f39
```
#970f39 rgb(151,15,57)
```

Triadic Color

#0f976d
```
#0f976d rgb(15,151,109)
```
#0f3997
```
#0f3997 rgb(15,57,151)
```
#970f39
```
#970f39 rgb(151,15,57)
```
#976d0f
```
#976d0f rgb(151,109,15)
```

Tetradic Color

#081f51
```
#081f51 rgb(8,31,81)
```
#0a2769
```
#0a2769 rgb(10,39,105)
```
#0d3080
```
#0d3080 rgb(13,48,128)
```
#0f3997
```
#0f3997 rgb(15,57,151)
```
#1142ae
```
#1142ae rgb(17,66,174)
```
#144bc5
```
#144bc5 rgb(20,75,197)
```
#1653dd
```
#1653dd rgb(22,83,221)
```

Monochromatic Color

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

#0f5b97
```
#0f5b97 rgb(15,91,151)
```
#0f5097
```
#0f5097 rgb(15,80,151)
```
#0f4497
```
#0f4497 rgb(15,68,151)
```
#0f3997
```
#0f3997 rgb(15,57,151)
```
#0f2e97
```
#0f2e97 rgb(15,46,151)
```
#0f2297
```
#0f2297 rgb(15,34,151)
```
#0f1797
```
#0f1797 rgb(15,23,151)
```

Similar Colors

Text with hexadecimal color #0f3997

This text has a font color of #0f3997.

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

#0f3997 background color

This paragraph has a background color of #0f3997.

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

#0f3997 border color

This element has a border color of #0f3997.

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

CSS codes

.text {color:#0f3997;}

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

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

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

#010308
```
#010308 rgb(1,3,8)
```
#030a1a
```
#030a1a rgb(3,10,26)
```
#04112c
```
#04112c rgb(4,17,44)
```
#06173e
```
#06173e rgb(6,23,62)
```
#081e50
```
#081e50 rgb(8,30,80)
```
#0a2561
```
#0a2561 rgb(10,37,97)
```
#0b2c73
```
#0b2c73 rgb(11,44,115)
```
#0d3285
```
#0d3285 rgb(13,50,133)
```
#0f3997
```
#0f3997 rgb(15,57,151)
```
#1140a9
```
#1140a9 rgb(17,64,169)
```
#1346bb
```
#1346bb rgb(19,70,187)
```
#144dcd
```
#144dcd rgb(20,77,205)
```
#1654de
```
#1654de rgb(22,84,222)
```

Shade Color Variation

#1f5ee9
```
#1f5ee9 rgb(31,94,233)
```
#316aeb
```
#316aeb rgb(49,106,235)
```
#4377ec
```
#4377ec rgb(67,119,236)
```
#5584ee
```
#5584ee rgb(85,132,238)
```
#6791f0
```
#6791f0 rgb(103,145,240)
```
#799ef2
```
#799ef2 rgb(121,158,242)
```
#8aabf3
```
#8aabf3 rgb(138,171,243)
```
#9cb8f5
```
#9cb8f5 rgb(156,184,245)
```
#aec5f7
```
#aec5f7 rgb(174,197,247)
```
#c0d1f9
```
#c0d1f9 rgb(192,209,249)
```
#d2defb
```
#d2defb rgb(210,222,251)
```
#e4ebfc
```
#e4ebfc rgb(228,235,252)
```
#f5f8fe
```
#f5f8fe rgb(245,248,254)
```

Tint Color Variation

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

#4f5157
```
#4f5157 rgb(79,81,87)
```
#484f5e
```
#484f5e rgb(72,79,94)
```
#424d64
```
#424d64 rgb(66,77,100)
```
#3c4a6a
```
#3c4a6a rgb(60,74,106)
```
#354871
```
#354871 rgb(53,72,113)
```
#2f4577
```
#2f4577 rgb(47,69,119)
```
#29437d
```
#29437d rgb(41,67,125)
```
#224084
```
#224084 rgb(34,64,132)
```
#1c3e8a
```
#1c3e8a rgb(28,62,138)
```
#153b91
```
#153b91 rgb(21,59,145)
```
#0f3997
```
#0f3997 rgb(15,57,151)
```
#09379d
```
#09379d rgb(9,55,157)
```
#0234a4
```
#0234a4 rgb(2,52,164)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#2f374a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488d Protanopia 1% of men
#004c7b Deuteranopia 1% of men
#005256 Tritanopia 0.001% of the population

Trichromacy

#054291 Protanomaly 1% of men, 0.01% of women
#054585 Deuteranomaly 6% of men, 0.4% of women
#05496d Tritanomaly 0.01% of the population

#0f3997 hex color

#0f3997 Color Information

#0f3997 Color Conversion

Color Schemes with #0f3997

Alternatives to #0f3997

#0f3997 Preview

Shades and Tints of #0f3997

Tones of #0f3997

Color Blindness Simulator