#0f3157 hex color

In a RGB color space, hex #0f3157 is composed of 5.9% red, 19.2% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 82.8% cyan, 43.7% magenta, 0% yellow and 65.9% black. It has a hue angle of 211.7 degrees, a saturation of 70.6% and a lightness of 20%. #0f3157 color hex could be obtained by blending #1e62ae with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 6
- G 19
- B 34
RGB color chart
- C 83
- M 44
- Y 0
- K 66
CMYK color chart

● #0f3157 color description : Very dark blue.

The hexadecimal color #0f3157 has RGB values of R:15, G:49, B:87 and CMYK values of C:0.83, M:0.44, Y:0, K:0.66. Its decimal value is 995671.

Hex triplet	0f3157	`#0f3157`
RGB Decimal	15, 49, 87	`rgb(15,49,87)`
RGB Percent	5.9, 19.2, 34.1	`rgb(5.9%,19.2%,34.1%)`
CMYK	83, 44, 0, 66
HSL	211.7°, 70.6, 20	`hsl(211.7,70.6%,20%)`
HSV (or HSB)	211.7°, 82.8, 34.1
Web Safe	003366	`#003366`

CIE-LAB	19.988, 3.161, -26.451
XYZ	3.015, 2.986, 9.434
xyY	0.195, 0.193, 2.986
CIE-LCH	19.988, 26.639, 276.814
CIE-LUV	19.988, -10.23, -29.94
Hunter-Lab	17.28, 0.906, -20.272
Binary	00001111, 00110001, 01010111

#0f3157
```
#0f3157 rgb(15,49,87)
```
#57350f
```
#57350f rgb(87,53,15)
```

Complementary Color

#0f5557
```
#0f5557 rgb(15,85,87)
```
#0f3157
```
#0f3157 rgb(15,49,87)
```
#110f57
```
#110f57 rgb(17,15,87)
```

Analogous Color

#55570f
```
#55570f rgb(85,87,15)
```
#0f3157
```
#0f3157 rgb(15,49,87)
```
#57110f
```
#57110f rgb(87,17,15)
```

Split Complementary Color

#31570f
```
#31570f rgb(49,87,15)
```
#0f3157
```
#0f3157 rgb(15,49,87)
```
#570f31
```
#570f31 rgb(87,15,49)
```

Triadic Color

#0f5735
```
#0f5735 rgb(15,87,53)
```
#0f3157
```
#0f3157 rgb(15,49,87)
```
#570f31
```
#570f31 rgb(87,15,49)
```
#57350f
```
#57350f rgb(87,53,15)
```

Tetradic Color

#040c16
```
#040c16 rgb(4,12,22)
```
#08192c
```
#08192c rgb(8,25,44)
```
#0b2541
```
#0b2541 rgb(11,37,65)
```
#0f3157
```
#0f3157 rgb(15,49,87)
```
#133d6d
```
#133d6d rgb(19,61,109)
```
#174a83
```
#174a83 rgb(23,74,131)
```
#1a5698
```
#1a5698 rgb(26,86,152)
```

Monochromatic Color

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

#0f4357
```
#0f4357 rgb(15,67,87)
```
#0f3d57
```
#0f3d57 rgb(15,61,87)
```
#0f3757
```
#0f3757 rgb(15,55,87)
```
#0f3157
```
#0f3157 rgb(15,49,87)
```
#0f2b57
```
#0f2b57 rgb(15,43,87)
```
#0f2557
```
#0f2557 rgb(15,37,87)
```
#0f1f57
```
#0f1f57 rgb(15,31,87)
```

Similar Colors

Text with hexadecimal color #0f3157

This text has a font color of #0f3157.

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

#0f3157 background color

This paragraph has a background color of #0f3157.

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

#0f3157 border color

This element has a border color of #0f3157.

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

CSS codes

.text {color:#0f3157;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#030b14
```
#030b14 rgb(3,11,20)
```
#061525
```
#061525 rgb(6,21,37)
```
#091e36
```
#091e36 rgb(9,30,54)
```
#0c2846
```
#0c2846 rgb(12,40,70)
```
#0f3157
```
#0f3157 rgb(15,49,87)
```
#123a68
```
#123a68 rgb(18,58,104)
```
#154478
```
#154478 rgb(21,68,120)
```
#184d89
```
#184d89 rgb(24,77,137)
```
#1b579a
```
#1b579a rgb(27,87,154)
```
#1d60ab
```
#1d60ab rgb(29,96,171)
```
#206abb
```
#206abb rgb(32,106,187)
```
#2373cc
```
#2373cc rgb(35,115,204)
```

Shade Color Variation

#297dda
```
#297dda rgb(41,125,218)
```
#3a87dd
```
#3a87dd rgb(58,135,221)
```
#4a91e0
```
#4a91e0 rgb(74,145,224)
```
#5b9be3
```
#5b9be3 rgb(91,155,227)
```
#6ca5e6
```
#6ca5e6 rgb(108,165,230)
```
#7db0e9
```
#7db0e9 rgb(125,176,233)
```
#8dbaeb
```
#8dbaeb rgb(141,186,235)
```
#9ec4ee
```
#9ec4ee rgb(158,196,238)
```
#afcef1
```
#afcef1 rgb(175,206,241)
```
#bfd8f4
```
#bfd8f4 rgb(191,216,244)
```
#d0e2f7
```
#d0e2f7 rgb(208,226,247)
```
#e1edfa
```
#e1edfa rgb(225,237,250)
```
#f2f7fd
```
#f2f7fd rgb(242,247,253)
```

Tint Color Variation

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

#323334
```
#323334 rgb(50,51,52)
```
#2e3338
```
#2e3338 rgb(46,51,56)
```
#2a333c
```
#2a333c rgb(42,51,60)
```
#27323f
```
#27323f rgb(39,50,63)
```
#233243
```
#233243 rgb(35,50,67)
```
#1f3247
```
#1f3247 rgb(31,50,71)
```
#1b324b
```
#1b324b rgb(27,50,75)
```
#17314f
```
#17314f rgb(23,49,79)
```
#133153
```
#133153 rgb(19,49,83)
```
#0f3157
```
#0f3157 rgb(15,49,87)
```
#0b315b
```
#0b315b rgb(11,49,91)
```
#07315f
```
#07315f rgb(7,49,95)
```
#033063
```
#033063 rgb(3,48,99)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#252c34 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2a395e Protanopia 1% of men
#1c3b5f Deuteranopia 1% of men
#004045 Tritanopia 0.001% of the population

Trichromacy

#20365b Protanomaly 1% of men, 0.01% of women
#17375c Deuteranomaly 6% of men, 0.4% of women
#053b4b Tritanomaly 0.01% of the population

#0f3157 hex color

#0f3157 Color Information

#0f3157 Color Conversion

Color Schemes with #0f3157

Alternatives to #0f3157

#0f3157 Preview

Shades and Tints of #0f3157

Tones of #0f3157

Color Blindness Simulator