#0f307c hex color

In a RGB color space, hex #0f307c is composed of 5.9% red, 18.8% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 87.9% cyan, 61.3% magenta, 0% yellow and 51.4% black. It has a hue angle of 221.8 degrees, a saturation of 78.4% and a lightness of 27.3%. #0f307c color hex could be obtained by blending #1e60f8 with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 6
- G 19
- B 49
RGB color chart
- C 88
- M 61
- Y 0
- K 51
CMYK color chart

● #0f307c color description : Dark blue.

The hexadecimal color #0f307c has RGB values of R:15, G:48, B:124 and CMYK values of C:0.88, M:0.61, Y:0, K:0.51. Its decimal value is 995452.

Hex triplet	0f307c	`#0f307c`
RGB Decimal	15, 48, 124	`rgb(15,48,124)`
RGB Percent	5.9, 18.8, 48.6	`rgb(5.9%,18.8%,48.6%)`
CMYK	88, 61, 0, 51
HSL	221.8°, 78.4, 27.3	`hsl(221.8,78.4%,27.3%)`
HSV (or HSB)	221.8°, 87.9, 48.6
Web Safe	003366	`#003366`

CIE-LAB	22.55, 19.815, -46.304
XYZ	4.891, 3.67, 19.518
xyY	0.174, 0.131, 3.67
CIE-LCH	22.55, 50.365, 293.168
CIE-LUV	22.55, -9.596, -55.576
Hunter-Lab	19.158, 12.046, -46.994
Binary	00001111, 00110000, 01111100

#0f307c
```
#0f307c rgb(15,48,124)
```
#7c5b0f
```
#7c5b0f rgb(124,91,15)
```

Complementary Color

#0f677c
```
#0f677c rgb(15,103,124)
```
#0f307c
```
#0f307c rgb(15,48,124)
```
#250f7c
```
#250f7c rgb(37,15,124)
```

Analogous Color

#677c0f
```
#677c0f rgb(103,124,15)
```
#0f307c
```
#0f307c rgb(15,48,124)
```
#7c250f
```
#7c250f rgb(124,37,15)
```

Split Complementary Color

#307c0f
```
#307c0f rgb(48,124,15)
```
#0f307c
```
#0f307c rgb(15,48,124)
```
#7c0f30
```
#7c0f30 rgb(124,15,48)
```

Triadic Color

#0f7c5b
```
#0f7c5b rgb(15,124,91)
```
#0f307c
```
#0f307c rgb(15,48,124)
```
#7c0f30
```
#7c0f30 rgb(124,15,48)
```
#7c5b0f
```
#7c5b0f rgb(124,91,15)
```

Tetradic Color

#071638
```
#071638 rgb(7,22,56)
```
#091e4f
```
#091e4f rgb(9,30,79)
```
#0c2765
```
#0c2765 rgb(12,39,101)
```
#0f307c
```
#0f307c rgb(15,48,124)
```
#123993
```
#123993 rgb(18,57,147)
```
#1542a9
```
#1542a9 rgb(21,66,169)
```
#174ac0
```
#174ac0 rgb(23,74,192)
```

Monochromatic Color

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

#0f4b7c
```
#0f4b7c rgb(15,75,124)
```
#0f427c
```
#0f427c rgb(15,66,124)
```
#0f397c
```
#0f397c rgb(15,57,124)
```
#0f307c
```
#0f307c rgb(15,48,124)
```
#0f277c
```
#0f277c rgb(15,39,124)
```
#0f1e7c
```
#0f1e7c rgb(15,30,124)
```
#0f157c
```
#0f157c rgb(15,21,124)
```

Similar Colors

Text with hexadecimal color #0f307c

This text has a font color of #0f307c.

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

#0f307c background color

This paragraph has a background color of #0f307c.

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

#0f307c border color

This element has a border color of #0f307c.

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

CSS codes

.text {color:#0f307c;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#020713
```
#020713 rgb(2,7,19)
```
#040e25
```
#040e25 rgb(4,14,37)
```
#071536
```
#071536 rgb(7,21,54)
```
#091c48
```
#091c48 rgb(9,28,72)
```
#0b2259
```
#0b2259 rgb(11,34,89)
```
#0d296b
```
#0d296b rgb(13,41,107)
```
#0f307c
```
#0f307c rgb(15,48,124)
```
#11378d
```
#11378d rgb(17,55,141)
```
#133e9f
```
#133e9f rgb(19,62,159)
```
#1544b0
```
#1544b0 rgb(21,68,176)
```
#174bc2
```
#174bc2 rgb(23,75,194)
```
#1a52d3
```
#1a52d3 rgb(26,82,211)
```

Shade Color Variation

#1d59e4
```
#1d59e4 rgb(29,89,228)
```
#2f66e6
```
#2f66e6 rgb(47,102,230)
```
#4073e8
```
#4073e8 rgb(64,115,232)
```
#5280ea
```
#5280ea rgb(82,128,234)
```
#638dec
```
#638dec rgb(99,141,236)
```
#7599ee
```
#7599ee rgb(117,153,238)
```
#86a6f0
```
#86a6f0 rgb(134,166,240)
```
#98b3f2
```
#98b3f2 rgb(152,179,242)
```
#a9c0f5
```
#a9c0f5 rgb(169,192,245)
```
#bbcdf7
```
#bbcdf7 rgb(187,205,247)
```
#ccdaf9
```
#ccdaf9 rgb(204,218,249)
```
#dee6fb
```
#dee6fb rgb(222,230,251)
```
#eff3fd
```
#eff3fd rgb(239,243,253)
```

Tint Color Variation

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

#444547
```
#444547 rgb(68,69,71)
```
#3f434c
```
#3f434c rgb(63,67,76)
```
#3a4151
```
#3a4151 rgb(58,65,81)
```
#343f57
```
#343f57 rgb(52,63,87)
```
#2f3d5c
```
#2f3d5c rgb(47,61,92)
```
#2a3b61
```
#2a3b61 rgb(42,59,97)
```
#243867
```
#243867 rgb(36,56,103)
```
#1f366c
```
#1f366c rgb(31,54,108)
```
#1a3471
```
#1a3471 rgb(26,52,113)
```
#143277
```
#143277 rgb(20,50,119)
```
#0f307c
```
#0f307c rgb(15,48,124)
```
#0a2e81
```
#0a2e81 rgb(10,46,129)
```
#042c87
```
#042c87 rgb(4,44,135)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#292f3e Atypical Achromatopsia 0.001% of the population

Dichromacy

#003e7a Protanopia 1% of men
#00416a Deuteranopia 1% of men
#00464a Tritanopia 0.001% of the population

Trichromacy

#05397a Protanomaly 1% of men, 0.01% of women
#053b70 Deuteranomaly 6% of men, 0.4% of women
#053e5c Tritanomaly 0.01% of the population

#0f307c hex color

#0f307c Color Information

#0f307c Color Conversion

Color Schemes with #0f307c

Alternatives to #0f307c

#0f307c Preview

Shades and Tints of #0f307c

Tones of #0f307c

Color Blindness Simulator