colorhexa.com

#0f4db2 hex color

In a RGB color space, hex #0f4db2 is composed of 5.9% red, 30.2% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 91.6% cyan, 56.7% magenta, 0% yellow and 30.2% black. It has a hue angle of 217.2 degrees, a saturation of 84.5% and a lightness of 37.8%. #0f4db2 color hex could be obtained by blending #1e9aff with #000065. Closest websafe color is: #006699.

- R 6
- G 30
- B 70
RGB color chart
- C 92
- M 57
- Y 0
- K 30
CMYK color chart

● #0f4db2 color description : Dark blue.

The hexadecimal color #0f4db2 has RGB values of R:15, G:77, B:178 and CMYK values of C:0.92, M:0.57, Y:0, K:0.3. Its decimal value is 1002930.

Hex triplet	0f4db2	`#0f4db2`
RGB Decimal	15, 77, 178	`rgb(15,77,178)`
RGB Percent	5.9, 30.2, 69.8	`rgb(5.9%,30.2%,69.8%)`
CMYK	92, 57, 0, 30
HSL	217.2°, 84.5, 37.8	`hsl(217.2,84.5%,37.8%)`
HSV (or HSB)	217.2°, 91.6, 69.8
Web Safe	006699	`#006699`

CIE-LAB	35.248, 21.916, -58.613
XYZ	10.885, 8.623, 43.208
xyY	0.174, 0.137, 8.623
CIE-LCH	35.248, 62.576, 290.501
CIE-LUV	35.248, -16.72, -82.823
Hunter-Lab	29.365, 14.78, -66.686
Binary	00001111, 01001101, 10110010

#0f4db2
```
#0f4db2 rgb(15,77,178)
```
#b2740f
```
#b2740f rgb(178,116,15)
```

Complementary Color

#0f9fb2
```
#0f9fb2 rgb(15,159,178)
```
#0f4db2
```
#0f4db2 rgb(15,77,178)
```
#220fb2
```
#220fb2 rgb(34,15,178)
```

Analogous Color

#9fb20f
```
#9fb20f rgb(159,178,15)
```
#0f4db2
```
#0f4db2 rgb(15,77,178)
```
#b2220f
```
#b2220f rgb(178,34,15)
```

Split Complementary Color

#4db20f
```
#4db20f rgb(77,178,15)
```
#0f4db2
```
#0f4db2 rgb(15,77,178)
```
#b20f4d
```
#b20f4d rgb(178,15,77)
```

Triadic Color

#0fb274
```
#0fb274 rgb(15,178,116)
```
#0f4db2
```
#0f4db2 rgb(15,77,178)
```
#b20f4d
```
#b20f4d rgb(178,15,77)
```
#b2740f
```
#b2740f rgb(178,116,15)
```

Tetradic Color

#092e6b
```
#092e6b rgb(9,46,107)
```
#0b3983
```
#0b3983 rgb(11,57,131)
```
#0d439a
```
#0d439a rgb(13,67,154)
```
#0f4db2
```
#0f4db2 rgb(15,77,178)
```
#1157ca
```
#1157ca rgb(17,87,202)
```
#1361e1
```
#1361e1 rgb(19,97,225)
```
#216eec
```
#216eec rgb(33,110,236)
```

Monochromatic Color

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

#0f76b2
```
#0f76b2 rgb(15,118,178)
```
#0f68b2
```
#0f68b2 rgb(15,104,178)
```
#0f5bb2
```
#0f5bb2 rgb(15,91,178)
```
#0f4db2
```
#0f4db2 rgb(15,77,178)
```
#0f3fb2
```
#0f3fb2 rgb(15,63,178)
```
#0f32b2
```
#0f32b2 rgb(15,50,178)
```
#0f24b2
```
#0f24b2 rgb(15,36,178)
```

Similar Colors

Text with hexadecimal color #0f4db2

This text has a font color of #0f4db2.

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

#0f4db2 background color

This paragraph has a background color of #0f4db2.

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

#0f4db2 border color

This element has a border color of #0f4db2.

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

CSS codes

.text {color:#0f4db2;}

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

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

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, #01070f is the darkest color, while #fcfdff is the lightest one.

#01070f
```
#01070f rgb(1,7,15)
```
#030e21
```
#030e21 rgb(3,14,33)
```
#041633
```
#041633 rgb(4,22,51)
```
#061e45
```
#061e45 rgb(6,30,69)
```
#072658
```
#072658 rgb(7,38,88)
```
#092e6a
```
#092e6a rgb(9,46,106)
```
#0a367c
```
#0a367c rgb(10,54,124)
```
#0c3d8e
```
#0c3d8e rgb(12,61,142)
```
#0d45a0
```
#0d45a0 rgb(13,69,160)
```
#0f4db2
```
#0f4db2 rgb(15,77,178)
```
#1155c4
```
#1155c4 rgb(17,85,196)
```
#125dd6
```
#125dd6 rgb(18,93,214)
```
#1464e8
```
#1464e8 rgb(20,100,232)
```

Shade Color Variation

#2370ec
```
#2370ec rgb(35,112,236)
```
#357bee
```
#357bee rgb(53,123,238)
```
#4787f0
```
#4787f0 rgb(71,135,240)
```
#5993f1
```
#5993f1 rgb(89,147,241)
```
#6b9ff3
```
#6b9ff3 rgb(107,159,243)
```
#7dabf4
```
#7dabf4 rgb(125,171,244)
```
#90b6f6
```
#90b6f6 rgb(144,182,246)
```
#a2c2f7
```
#a2c2f7 rgb(162,194,247)
```
#b4cef9
```
#b4cef9 rgb(180,206,249)
```
#c6dafa
```
#c6dafa rgb(198,218,250)
```
#d8e6fc
```
#d8e6fc rgb(216,230,252)
```
#eaf1fd
```
#eaf1fd rgb(234,241,253)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#595f68
```
#595f68 rgb(89,95,104)
```
#525d6f
```
#525d6f rgb(82,93,111)
```
#4a5b77
```
#4a5b77 rgb(74,91,119)
```
#43597e
```
#43597e rgb(67,89,126)
```
#3c5885
```
#3c5885 rgb(60,88,133)
```
#34568d
```
#34568d rgb(52,86,141)
```
#2d5494
```
#2d5494 rgb(45,84,148)
```
#25529c
```
#25529c rgb(37,82,156)
```
#1e51a3
```
#1e51a3 rgb(30,81,163)
```
#164fab
```
#164fab rgb(22,79,171)
```
#0f4db2
```
#0f4db2 rgb(15,77,178)
```
#084bb9
```
#084bb9 rgb(8,75,185)
```
#0049c1
```
#0049c1 rgb(0,73,193)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#3b475c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ae Protanopia 1% of men
#005e98 Deuteranopia 1% of men
#00646a Tritanopia 0.001% of the population

Trichromacy

#0554af Protanomaly 1% of men, 0.01% of women
#0557a1 Deuteranomaly 6% of men, 0.4% of women
#055c84 Tritanomaly 0.01% of the population