#0f344e hex color

In a RGB color space, hex #0f344e is composed of 5.9% red, 20.4% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 80.8% cyan, 33.3% magenta, 0% yellow and 69.4% black. It has a hue angle of 204.8 degrees, a saturation of 67.7% and a lightness of 18.2%. #0f344e color hex could be obtained by blending #1e689c with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 6
- G 20
- B 31
RGB color chart
- C 81
- M 33
- Y 0
- K 69
CMYK color chart

● #0f344e color description : Very dark blue.

The hexadecimal color #0f344e has RGB values of R:15, G:52, B:78 and CMYK values of C:0.81, M:0.33, Y:0, K:0.69. Its decimal value is 996430.

Hex triplet	0f344e	`#0f344e`
RGB Decimal	15, 52, 78	`rgb(15,52,78)`
RGB Percent	5.9, 20.4, 30.6	`rgb(5.9%,20.4%,30.6%)`
CMYK	81, 33, 0, 69
HSL	204.8°, 67.7, 18.2	`hsl(204.8,67.7%,18.2%)`
HSV (or HSB)	204.8°, 80.8, 30.6
Web Safe	003366	`#003366`

CIE-LAB	20.469, -2.775, -19.684
XYZ	2.8, 3.107, 7.66
xyY	0.206, 0.229, 3.107
CIE-LCH	20.469, 19.879, 261.976
CIE-LUV	20.469, -11.477, -21.82
Hunter-Lab	17.628, -2.497, -13.423
Binary	00001111, 00110100, 01001110

#0f344e
```
#0f344e rgb(15,52,78)
```
#4e290f
```
#4e290f rgb(78,41,15)
```

Complementary Color

#0f4e49
```
#0f4e49 rgb(15,78,73)
```
#0f344e
```
#0f344e rgb(15,52,78)
```
#0f154e
```
#0f154e rgb(15,21,78)
```

Analogous Color

#4e490f
```
#4e490f rgb(78,73,15)
```
#0f344e
```
#0f344e rgb(15,52,78)
```
#4e0f15
```
#4e0f15 rgb(78,15,21)
```

Split Complementary Color

#344e0f
```
#344e0f rgb(52,78,15)
```
#0f344e
```
#0f344e rgb(15,52,78)
```
#4e0f34
```
#4e0f34 rgb(78,15,52)
```

Triadic Color

#0f4e29
```
#0f4e29 rgb(15,78,41)
```
#0f344e
```
#0f344e rgb(15,52,78)
```
#4e0f34
```
#4e0f34 rgb(78,15,52)
```
#4e290f
```
#4e290f rgb(78,41,15)
```

Tetradic Color

#03090e
```
#03090e rgb(3,9,14)
```
#071723
```
#071723 rgb(7,23,35)
```
#0b2639
```
#0b2639 rgb(11,38,57)
```
#0f344e
```
#0f344e rgb(15,52,78)
```
#134263
```
#134263 rgb(19,66,99)
```
#175179
```
#175179 rgb(23,81,121)
```
#1b5f8e
```
#1b5f8e rgb(27,95,142)
```

Monochromatic Color

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

#0f444e
```
#0f444e rgb(15,68,78)
```
#0f3f4e
```
#0f3f4e rgb(15,63,78)
```
#0f394e
```
#0f394e rgb(15,57,78)
```
#0f344e
```
#0f344e rgb(15,52,78)
```
#0f2f4e
```
#0f2f4e rgb(15,47,78)
```
#0f2a4e
```
#0f2a4e rgb(15,42,78)
```
#0f244e
```
#0f244e rgb(15,36,78)
```

Similar Colors

Text with hexadecimal color #0f344e

This text has a font color of #0f344e.

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

#0f344e background color

This paragraph has a background color of #0f344e.

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

#0f344e border color

This element has a border color of #0f344e.

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

CSS codes

.text {color:#0f344e;}

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

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

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, #02080c is the darkest color, while #fbfdfe is the lightest one.

#02080c
```
#02080c rgb(2,8,12)
```
#06131d
```
#06131d rgb(6,19,29)
```
#091e2d
```
#091e2d rgb(9,30,45)
```
#0c293e
```
#0c293e rgb(12,41,62)
```
#0f344e
```
#0f344e rgb(15,52,78)
```
#123f5e
```
#123f5e rgb(18,63,94)
```
#154a6f
```
#154a6f rgb(21,74,111)
```
#18557f
```
#18557f rgb(24,85,127)
```
#1c6090
```
#1c6090 rgb(28,96,144)
```
#1f6ba0
```
#1f6ba0 rgb(31,107,160)
```
#2276b1
```
#2276b1 rgb(34,118,177)
```
#2581c1
```
#2581c1 rgb(37,129,193)
```
#288cd2
```
#288cd2 rgb(40,140,210)
```

Shade Color Variation

#3595d8
```
#3595d8 rgb(53,149,216)
```
#469edb
```
#469edb rgb(70,158,219)
```
#56a6df
```
#56a6df rgb(86,166,223)
```
#67afe2
```
#67afe2 rgb(103,175,226)
```
#77b8e5
```
#77b8e5 rgb(119,184,229)
```
#88c0e8
```
#88c0e8 rgb(136,192,232)
```
#98c9eb
```
#98c9eb rgb(152,201,235)
```
#a8d2ee
```
#a8d2ee rgb(168,210,238)
```
#b9daf2
```
#b9daf2 rgb(185,218,242)
```
#c9e3f5
```
#c9e3f5 rgb(201,227,245)
```
#daebf8
```
#daebf8 rgb(218,235,248)
```
#eaf4fb
```
#eaf4fb rgb(234,244,251)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#2c2f31
```
#2c2f31 rgb(44,47,49)
```
#283035
```
#283035 rgb(40,48,53)
```
#243039
```
#243039 rgb(36,48,57)
```
#21313c
```
#21313c rgb(33,49,60)
```
#1d3240
```
#1d3240 rgb(29,50,64)
```
#1a3243
```
#1a3243 rgb(26,50,67)
```
#163347
```
#163347 rgb(22,51,71)
```
#13334a
```
#13334a rgb(19,51,74)
```
#0f344e
```
#0f344e rgb(15,52,78)
```
#0b3552
```
#0b3552 rgb(11,53,82)
```
#083555
```
#083555 rgb(8,53,85)
```
#043659
```
#043659 rgb(4,54,89)
```
#01365c
```
#01365c rgb(1,54,92)
```

Tone Color Variation

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

#2c2c2c Achromatopsia 0.005% of the population
#262e33 Atypical Achromatopsia 0.001% of the population

Dichromacy

#323b54 Protanopia 1% of men
#2c3b58 Deuteranopia 1% of men
#004146 Tritanopia 0.001% of the population

Trichromacy

#253852 Protanomaly 1% of men, 0.01% of women
#223954 Deuteranomaly 6% of men, 0.4% of women
#053c49 Tritanomaly 0.01% of the population

#0f344e hex color

#0f344e Color Information

#0f344e Color Conversion

Color Schemes with #0f344e

Alternatives to #0f344e

#0f344e Preview

Shades and Tints of #0f344e

Tones of #0f344e

Color Blindness Simulator