#0f48dc hex color

In a RGB color space, hex #0f48dc is composed of 5.9% red, 28.2% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 93.2% cyan, 67.3% magenta, 0% yellow and 13.7% black. It has a hue angle of 223.3 degrees, a saturation of 87.2% and a lightness of 46.1%. #0f48dc color hex could be obtained by blending #1e90ff with #0000b9. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 6
- G 28
- B 86
RGB color chart
- C 93
- M 67
- Y 0
- K 14
CMYK color chart

● #0f48dc color description : Vivid blue.

The hexadecimal color #0f48dc has RGB values of R:15, G:72, B:220 and CMYK values of C:0.93, M:0.67, Y:0, K:0.14. Its decimal value is 1001692.

Hex triplet	0f48dc	`#0f48dc`
RGB Decimal	15, 72, 220	`rgb(15,72,220)`
RGB Percent	5.9, 28.2, 86.3	`rgb(5.9%,28.2%,86.3%)`
CMYK	93, 67, 0, 14
HSL	223.3°, 87.2, 46.1	`hsl(223.3,87.2%,46.1%)`
HSV (or HSB)	223.3°, 93.2, 86.3
Web Safe	0033cc	`#0033cc`

CIE-LAB	37.667, 41.437, -79.097
XYZ	15.43, 9.902, 68.804
xyY	0.164, 0.105, 9.902
CIE-LCH	37.667, 89.294, 297.649
CIE-LUV	37.667, -15.277, -111.504
Hunter-Lab	31.468, 32.456, -107.609
Binary	00001111, 01001000, 11011100

#0f48dc
```
#0f48dc rgb(15,72,220)
```
#dca30f
```
#dca30f rgb(220,163,15)
```

Complementary Color

#0fafdc
```
#0fafdc rgb(15,175,220)
```
#0f48dc
```
#0f48dc rgb(15,72,220)
```
#3d0fdc
```
#3d0fdc rgb(61,15,220)
```

Analogous Color

#afdc0f
```
#afdc0f rgb(175,220,15)
```
#0f48dc
```
#0f48dc rgb(15,72,220)
```
#dc3d0f
```
#dc3d0f rgb(220,61,15)
```

Split Complementary Color

#48dc0f
```
#48dc0f rgb(72,220,15)
```
#0f48dc
```
#0f48dc rgb(15,72,220)
```
#dc0f48
```
#dc0f48 rgb(220,15,72)
```

Triadic Color

#0fdca3
```
#0fdca3 rgb(15,220,163)
```
#0f48dc
```
#0f48dc rgb(15,72,220)
```
#dc0f48
```
#dc0f48 rgb(220,15,72)
```
#dca30f
```
#dca30f rgb(220,163,15)
```

Tetradic Color

#0a3194
```
#0a3194 rgb(10,49,148)
```
#0c38ac
```
#0c38ac rgb(12,56,172)
```
#0d40c4
```
#0d40c4 rgb(13,64,196)
```
#0f48dc
```
#0f48dc rgb(15,72,220)
```
#1552ef
```
#1552ef rgb(21,82,239)
```
#2d64f1
```
#2d64f1 rgb(45,100,241)
```
#4575f2
```
#4575f2 rgb(69,117,242)
```

Monochromatic Color

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

#0f7bdc
```
#0f7bdc rgb(15,123,220)
```
#0f6adc
```
#0f6adc rgb(15,106,220)
```
#0f59dc
```
#0f59dc rgb(15,89,220)
```
#0f48dc
```
#0f48dc rgb(15,72,220)
```
#0f37dc
```
#0f37dc rgb(15,55,220)
```
#0f26dc
```
#0f26dc rgb(15,38,220)
```
#0f15dc
```
#0f15dc rgb(15,21,220)
```

Similar Colors

Text with hexadecimal color #0f48dc

This text has a font color of #0f48dc.

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

#0f48dc background color

This paragraph has a background color of #0f48dc.

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

#0f48dc border color

This element has a border color of #0f48dc.

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

CSS codes

.text {color:#0f48dc;}

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

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

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

#010612
```
#010612 rgb(1,6,18)
```
#020c24
```
#020c24 rgb(2,12,36)
```
#041237
```
#041237 rgb(4,18,55)
```
#051849
```
#051849 rgb(5,24,73)
```
#061e5b
```
#061e5b rgb(6,30,91)
```
#07246e
```
#07246e rgb(7,36,110)
```
#092a80
```
#092a80 rgb(9,42,128)
```
#0a3093
```
#0a3093 rgb(10,48,147)
```
#0b36a5
```
#0b36a5 rgb(11,54,165)
```
#0c3cb7
```
#0c3cb7 rgb(12,60,183)
```
#0e42ca
```
#0e42ca rgb(14,66,202)
```
#0f48dc
```
#0f48dc rgb(15,72,220)
```
#104eee
```
#104eee rgb(16,78,238)
```

Shade Color Variation

#225bf0
```
#225bf0 rgb(34,91,240)
```
#3569f1
```
#3569f1 rgb(53,105,241)
```
#4777f2
```
#4777f2 rgb(71,119,242)
```
#5984f4
```
#5984f4 rgb(89,132,244)
```
#6c92f5
```
#6c92f5 rgb(108,146,245)
```
#7e9ff6
```
#7e9ff6 rgb(126,159,246)
```
#90adf7
```
#90adf7 rgb(144,173,247)
```
#a3bbf9
```
#a3bbf9 rgb(163,187,249)
```
#b5c8fa
```
#b5c8fa rgb(181,200,250)
```
#c8d6fb
```
#c8d6fb rgb(200,214,251)
```
#dae4fc
```
#dae4fc rgb(218,228,252)
```
#ecf1fe
```
#ecf1fe rgb(236,241,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#727479
```
#727479 rgb(114,116,121)
```
#697082
```
#697082 rgb(105,112,130)
```
#606c8b
```
#606c8b rgb(96,108,139)
```
#576894
```
#576894 rgb(87,104,148)
```
#4e649d
```
#4e649d rgb(78,100,157)
```
#4560a6
```
#4560a6 rgb(69,96,166)
```
#3c5caf
```
#3c5caf rgb(60,92,175)
```
#3358b8
```
#3358b8 rgb(51,88,184)
```
#2a54c1
```
#2a54c1 rgb(42,84,193)
```
#2150ca
```
#2150ca rgb(33,80,202)
```
#184cd3
```
#184cd3 rgb(24,76,211)
```
#0f48dc
```
#0f48dc rgb(15,72,220)
```
#0644e5
```
#0644e5 rgb(6,68,229)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#3d4866 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb8 Protanopia 1% of men
#00639f Deuteranopia 1% of men
#006b70 Tritanopia 0.001% of the population

Trichromacy

#0556c5 Protanomaly 1% of men, 0.01% of women
#0559b5 Deuteranomaly 6% of men, 0.4% of women
#055e97 Tritanomaly 0.01% of the population

#0f48dc hex color

#0f48dc Color Information

#0f48dc Color Conversion

Color Schemes with #0f48dc

Alternatives to #0f48dc

#0f48dc Preview

Shades and Tints of #0f48dc

Tones of #0f48dc

Color Blindness Simulator