#0f306c hex color

In a RGB color space, hex #0f306c is composed of 5.9% red, 18.8% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 86.1% cyan, 55.6% magenta, 0% yellow and 57.6% black. It has a hue angle of 218.7 degrees, a saturation of 75.6% and a lightness of 24.1%. #0f306c color hex could be obtained by blending #1e60d8 with #000000. Closest websafe color is: #003366.

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

● #0f306c color description : Very dark blue.

The hexadecimal color #0f306c has RGB values of R:15, G:48, B:108 and CMYK values of C:0.86, M:0.56, Y:0, K:0.58. Its decimal value is 995436.

Hex triplet	0f306c	`#0f306c`
RGB Decimal	15, 48, 108	`rgb(15,48,108)`
RGB Percent	5.9, 18.8, 42.4	`rgb(5.9%,18.8%,42.4%)`
CMYK	86, 56, 0, 58
HSL	218.7°, 75.6, 24.1	`hsl(218.7,75.6%,24.1%)`
HSV (or HSB)	218.7°, 86.1, 42.4
Web Safe	003366	`#003366`

CIE-LAB	21.199, 12.996, -38.264
XYZ	3.96, 3.298, 14.614
xyY	0.181, 0.151, 3.298
CIE-LCH	21.199, 40.411, 288.76
CIE-LUV	21.199, -9.643, -44.977
Hunter-Lab	18.16, 7.145, -35.002
Binary	00001111, 00110000, 01101100

#0f306c
```
#0f306c rgb(15,48,108)
```
#6c4b0f
```
#6c4b0f rgb(108,75,15)
```

Complementary Color

#0f5f6c
```
#0f5f6c rgb(15,95,108)
```
#0f306c
```
#0f306c rgb(15,48,108)
```
#1d0f6c
```
#1d0f6c rgb(29,15,108)
```

Analogous Color

#5f6c0f
```
#5f6c0f rgb(95,108,15)
```
#0f306c
```
#0f306c rgb(15,48,108)
```
#6c1d0f
```
#6c1d0f rgb(108,29,15)
```

Split Complementary Color

#306c0f
```
#306c0f rgb(48,108,15)
```
#0f306c
```
#0f306c rgb(15,48,108)
```
#6c0f30
```
#6c0f30 rgb(108,15,48)
```

Triadic Color

#0f6c4b
```
#0f6c4b rgb(15,108,75)
```
#0f306c
```
#0f306c rgb(15,48,108)
```
#6c0f30
```
#6c0f30 rgb(108,15,48)
```
#6c4b0f
```
#6c4b0f rgb(108,75,15)
```

Tetradic Color

#061229
```
#061229 rgb(6,18,41)
```
#091c3f
```
#091c3f rgb(9,28,63)
```
#0c2656
```
#0c2656 rgb(12,38,86)
```
#0f306c
```
#0f306c rgb(15,48,108)
```
#123a82
```
#123a82 rgb(18,58,130)
```
#154499
```
#154499 rgb(21,68,153)
```
#184eaf
```
#184eaf rgb(24,78,175)
```

Monochromatic Color

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

#0f476c
```
#0f476c rgb(15,71,108)
```
#0f406c
```
#0f406c rgb(15,64,108)
```
#0f386c
```
#0f386c rgb(15,56,108)
```
#0f306c
```
#0f306c rgb(15,48,108)
```
#0f286c
```
#0f286c rgb(15,40,108)
```
#0f216c
```
#0f216c rgb(15,33,108)
```
#0f196c
```
#0f196c rgb(15,25,108)
```

Similar Colors

Text with hexadecimal color #0f306c

This text has a font color of #0f306c.

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

#0f306c background color

This paragraph has a background color of #0f306c.

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

#0f306c border color

This element has a border color of #0f306c.

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

CSS codes

.text {color:#0f306c;}

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

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

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

#010205
```
#010205 rgb(1,2,5)
```
#030a16
```
#030a16 rgb(3,10,22)
```
#051127
```
#051127 rgb(5,17,39)
```
#081938
```
#081938 rgb(8,25,56)
```
#0a214a
```
#0a214a rgb(10,33,74)
```
#0d285b
```
#0d285b rgb(13,40,91)
```
#0f306c
```
#0f306c rgb(15,48,108)
```
#11387d
```
#11387d rgb(17,56,125)
```
#143f8e
```
#143f8e rgb(20,63,142)
```
#1647a0
```
#1647a0 rgb(22,71,160)
```
#194fb1
```
#194fb1 rgb(25,79,177)
```
#1b56c2
```
#1b56c2 rgb(27,86,194)
```
#1d5ed3
```
#1d5ed3 rgb(29,94,211)
```

Shade Color Variation

#2467e1
```
#2467e1 rgb(36,103,225)
```
#3573e3
```
#3573e3 rgb(53,115,227)
```
#467fe5
```
#467fe5 rgb(70,127,229)
```
#578be8
```
#578be8 rgb(87,139,232)
```
#6997ea
```
#6997ea rgb(105,151,234)
```
#7aa3ed
```
#7aa3ed rgb(122,163,237)
```
#8bafef
```
#8bafef rgb(139,175,239)
```
#9cbaf1
```
#9cbaf1 rgb(156,186,241)
```
#aec6f4
```
#aec6f4 rgb(174,198,244)
```
#bfd2f6
```
#bfd2f6 rgb(191,210,246)
```
#d0def8
```
#d0def8 rgb(208,222,248)
```
#e1eafb
```
#e1eafb rgb(225,234,251)
```
#f2f6fd
```
#f2f6fd rgb(242,246,253)
```

Tint Color Variation

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

#3a3c41
```
#3a3c41 rgb(58,60,65)
```
#353b46
```
#353b46 rgb(53,59,70)
```
#303a4b
```
#303a4b rgb(48,58,75)
```
#2b3850
```
#2b3850 rgb(43,56,80)
```
#273754
```
#273754 rgb(39,55,84)
```
#223559
```
#223559 rgb(34,53,89)
```
#1d345e
```
#1d345e rgb(29,52,94)
```
#183363
```
#183363 rgb(24,51,99)
```
#143167
```
#143167 rgb(20,49,103)
```
#0f306c
```
#0f306c rgb(15,48,108)
```
#0a2f71
```
#0a2f71 rgb(10,47,113)
```
#062d75
```
#062d75 rgb(6,45,117)
```
#012c7a
```
#012c7a rgb(1,44,122)
```

Tone Color Variation

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

#2d2d2d Achromatopsia 0.005% of the population
#272e3a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0b3b74 Protanopia 1% of men
#003e66 Deuteranopia 1% of men
#004347 Tritanopia 0.001% of the population

Trichromacy

#0c3771 Protanomaly 1% of men, 0.01% of women
#053968 Deuteranomaly 6% of men, 0.4% of women
#053c54 Tritanomaly 0.01% of the population

#0f306c hex color

#0f306c Color Information

#0f306c Color Conversion

Color Schemes with #0f306c

Alternatives to #0f306c

#0f306c Preview

Shades and Tints of #0f306c

Tones of #0f306c

Color Blindness Simulator