#0f3f95 hex color

In a RGB color space, hex #0f3f95 is composed of 5.9% red, 24.7% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 89.9% cyan, 57.7% magenta, 0% yellow and 41.6% black. It has a hue angle of 218.5 degrees, a saturation of 81.7% and a lightness of 32.2%. #0f3f95 color hex could be obtained by blending #1e7eff with #00002b. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 6
- G 25
- B 58
RGB color chart
- C 90
- M 58
- Y 0
- K 42
CMYK color chart

● #0f3f95 color description : Dark blue.

The hexadecimal color #0f3f95 has RGB values of R:15, G:63, B:149 and CMYK values of C:0.9, M:0.58, Y:0, K:0.42. Its decimal value is 999317.

Hex triplet	0f3f95	`#0f3f95`
RGB Decimal	15, 63, 149	`rgb(15,63,149)`
RGB Percent	5.9, 24.7, 58.4	`rgb(5.9%,24.7%,58.4%)`
CMYK	90, 58, 0, 42
HSL	218.5°, 81.7, 32.2	`hsl(218.5,81.7%,32.2%)`
HSV (or HSB)	218.5°, 89.9, 58.4
Web Safe	003399	`#003399`

CIE-LAB	28.969, 19.652, -51.393
XYZ	7.398, 5.826, 29.167
xyY	0.175, 0.137, 5.826
CIE-LCH	28.969, 55.022, 290.927
CIE-LUV	28.969, -13.369, -68.049
Hunter-Lab	24.137, 12.472, -54.75
Binary	00001111, 00111111, 10010101

#0f3f95
```
#0f3f95 rgb(15,63,149)
```
#95650f
```
#95650f rgb(149,101,15)
```

Complementary Color

#0f8295
```
#0f8295 rgb(15,130,149)
```
#0f3f95
```
#0f3f95 rgb(15,63,149)
```
#220f95
```
#220f95 rgb(34,15,149)
```

Analogous Color

#82950f
```
#82950f rgb(130,149,15)
```
#0f3f95
```
#0f3f95 rgb(15,63,149)
```
#95220f
```
#95220f rgb(149,34,15)
```

Split Complementary Color

#3f950f
```
#3f950f rgb(63,149,15)
```
#0f3f95
```
#0f3f95 rgb(15,63,149)
```
#950f3f
```
#950f3f rgb(149,15,63)
```

Triadic Color

#0f9565
```
#0f9565 rgb(15,149,101)
```
#0f3f95
```
#0f3f95 rgb(15,63,149)
```
#950f3f
```
#950f3f rgb(149,15,63)
```
#95650f
```
#95650f rgb(149,101,15)
```

Tetradic Color

#08224f
```
#08224f rgb(8,34,79)
```
#0a2b67
```
#0a2b67 rgb(10,43,103)
```
#0d357e
```
#0d357e rgb(13,53,126)
```
#0f3f95
```
#0f3f95 rgb(15,63,149)
```
#1149ac
```
#1149ac rgb(17,73,172)
```
#1453c3
```
#1453c3 rgb(20,83,195)
```
#165cdb
```
#165cdb rgb(22,92,219)
```

Monochromatic Color

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

#0f6195
```
#0f6195 rgb(15,97,149)
```
#0f5595
```
#0f5595 rgb(15,85,149)
```
#0f4a95
```
#0f4a95 rgb(15,74,149)
```
#0f3f95
```
#0f3f95 rgb(15,63,149)
```
#0f3495
```
#0f3495 rgb(15,52,149)
```
#0f2995
```
#0f2995 rgb(15,41,149)
```
#0f1e95
```
#0f1e95 rgb(15,30,149)
```

Similar Colors

Text with hexadecimal color #0f3f95

This text has a font color of #0f3f95.

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

#0f3f95 background color

This paragraph has a background color of #0f3f95.

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

#0f3f95 border color

This element has a border color of #0f3f95.

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

CSS codes

.text {color:#0f3f95;}

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

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

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

#010306
```
#010306 rgb(1,3,6)
```
#020a18
```
#020a18 rgb(2,10,24)
```
#04122a
```
#04122a rgb(4,18,42)
```
#06193c
```
#06193c rgb(6,25,60)
```
#08214e
```
#08214e rgb(8,33,78)
```
#0a2860
```
#0a2860 rgb(10,40,96)
```
#0b3071
```
#0b3071 rgb(11,48,113)
```
#0d3783
```
#0d3783 rgb(13,55,131)
```
#0f3f95
```
#0f3f95 rgb(15,63,149)
```
#1147a7
```
#1147a7 rgb(17,71,167)
```
#134eb9
```
#134eb9 rgb(19,78,185)
```
#1456ca
```
#1456ca rgb(20,86,202)
```
#165ddc
```
#165ddc rgb(22,93,220)
```

Shade Color Variation

#1e66e8
```
#1e66e8 rgb(30,102,232)
```
#3072ea
```
#3072ea rgb(48,114,234)
```
#417eec
```
#417eec rgb(65,126,236)
```
#538bee
```
#538bee rgb(83,139,238)
```
#6597f0
```
#6597f0 rgb(101,151,240)
```
#77a3f1
```
#77a3f1 rgb(119,163,241)
```
#89aff3
```
#89aff3 rgb(137,175,243)
```
#9bbbf5
```
#9bbbf5 rgb(155,187,245)
```
#acc7f7
```
#acc7f7 rgb(172,199,247)
```
#bed3f8
```
#bed3f8 rgb(190,211,248)
```
#d0dffa
```
#d0dffa rgb(208,223,250)
```
#e2ebfc
```
#e2ebfc rgb(226,235,252)
```
#f4f7fe
```
#f4f7fe rgb(244,247,254)
```

Tint Color Variation

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

#4e5156
```
#4e5156 rgb(78,81,86)
```
#484f5c
```
#484f5c rgb(72,79,92)
```
#414d63
```
#414d63 rgb(65,77,99)
```
#3b4c69
```
#3b4c69 rgb(59,76,105)
```
#354a6f
```
#354a6f rgb(53,74,111)
```
#2f4875
```
#2f4875 rgb(47,72,117)
```
#28467c
```
#28467c rgb(40,70,124)
```
#224482
```
#224482 rgb(34,68,130)
```
#1c4388
```
#1c4388 rgb(28,67,136)
```
#15418f
```
#15418f rgb(21,65,143)
```
#0f3f95
```
#0f3f95 rgb(15,63,149)
```
#093d9b
```
#093d9b rgb(9,61,155)
```
#023ba2
```
#023ba2 rgb(2,59,162)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#313b4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b94 Protanopia 1% of men
#004f81 Deuteranopia 1% of men
#00555a Tritanopia 0.001% of the population

Trichromacy

#054794 Protanomaly 1% of men, 0.01% of women
#054988 Deuteranomaly 6% of men, 0.4% of women
#054d6f Tritanomaly 0.01% of the population

#0f3f95 hex color

#0f3f95 Color Information

#0f3f95 Color Conversion

Color Schemes with #0f3f95

Alternatives to #0f3f95

#0f3f95 Preview

Shades and Tints of #0f3f95

Tones of #0f3f95

Color Blindness Simulator