#0f30f6 hex color

In a RGB color space, hex #0f30f6 is composed of 5.9% red, 18.8% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 93.9% cyan, 80.5% magenta, 0% yellow and 3.5% black. It has a hue angle of 231.4 degrees, a saturation of 92.8% and a lightness of 51.2%. #0f30f6 color hex could be obtained by blending #1e60ff with #0000ed. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 6
- G 19
- B 96
RGB color chart
- C 94
- M 80
- Y 0
- K 4
CMYK color chart

● #0f30f6 color description : Vivid blue.

The hexadecimal color #0f30f6 has RGB values of R:15, G:48, B:246 and CMYK values of C:0.94, M:0.8, Y:0, K:0.04. Its decimal value is 995574.

Hex triplet	0f30f6	`#0f30f6`
RGB Decimal	15, 48, 246	`rgb(15,48,246)`
RGB Percent	5.9, 18.8, 96.5	`rgb(5.9%,18.8%,96.5%)`
CMYK	94, 80, 0, 4
HSL	231.4°, 92.8, 51.2	`hsl(231.4,92.8%,51.2%)`
HSV (or HSB)	231.4°, 93.9, 96.5
Web Safe	0033ff	`#0033ff`

CIE-LAB	35.729, 63.552, -97.076
XYZ	17.885, 8.868, 87.953
xyY	0.156, 0.077, 8.868
CIE-LCH	35.729, 116.028, 303.211
CIE-LUV	35.729, -11.776, -128.153
Hunter-Lab	29.779, 55.093, -154.269
Binary	00001111, 00110000, 11110110

#0f30f6
```
#0f30f6 rgb(15,48,246)
```
#f6d50f
```
#f6d50f rgb(246,213,15)
```

Complementary Color

#0fa4f6
```
#0fa4f6 rgb(15,164,246)
```
#0f30f6
```
#0f30f6 rgb(15,48,246)
```
#620ff6
```
#620ff6 rgb(98,15,246)
```

Analogous Color

#a4f60f
```
#a4f60f rgb(164,246,15)
```
#0f30f6
```
#0f30f6 rgb(15,48,246)
```
#f6620f
```
#f6620f rgb(246,98,15)
```

Split Complementary Color

#30f60f
```
#30f60f rgb(48,246,15)
```
#0f30f6
```
#0f30f6 rgb(15,48,246)
```
#f60f30
```
#f60f30 rgb(246,15,48)
```

Triadic Color

#0ff6d5
```
#0ff6d5 rgb(15,246,213)
```
#0f30f6
```
#0f30f6 rgb(15,48,246)
```
#f60f30
```
#f60f30 rgb(246,15,48)
```
#f6d50f
```
#f6d50f rgb(246,213,15)
```

Tetradic Color

#071fb2
```
#071fb2 rgb(7,31,178)
```
#0823ca
```
#0823ca rgb(8,35,202)
```
#0928e3
```
#0928e3 rgb(9,40,227)
```
#0f30f6
```
#0f30f6 rgb(15,48,246)
```
#2845f7
```
#2845f7 rgb(40,69,247)
```
#405af8
```
#405af8 rgb(64,90,248)
```
#5970f9
```
#5970f9 rgb(89,112,249)
```

Monochromatic Color

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

#0f6af6
```
#0f6af6 rgb(15,106,246)
```
#0f56f6
```
#0f56f6 rgb(15,86,246)
```
#0f43f6
```
#0f43f6 rgb(15,67,246)
```
#0f30f6
```
#0f30f6 rgb(15,48,246)
```
#0f1df6
```
#0f1df6 rgb(15,29,246)
```
#150ff6
```
#150ff6 rgb(21,15,246)
```
#280ff6
```
#280ff6 rgb(40,15,246)
```

Similar Colors

Text with hexadecimal color #0f30f6

This text has a font color of #0f30f6.

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

#0f30f6 background color

This paragraph has a background color of #0f30f6.

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

#0f30f6 border color

This element has a border color of #0f30f6.

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

CSS codes

.text {color:#0f30f6;}

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

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

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

#000106
```
#000106 rgb(0,1,6)
```
#010419
```
#010419 rgb(1,4,25)
```
#02082c
```
#02082c rgb(2,8,44)
```
#020b3f
```
#020b3f rgb(2,11,63)
```
#030e51
```
#030e51 rgb(3,14,81)
```
#041264
```
#041264 rgb(4,18,100)
```
#041577
```
#041577 rgb(4,21,119)
```
#05188a
```
#05188a rgb(5,24,138)
```
#061b9d
```
#061b9d rgb(6,27,157)
```
#071fb0
```
#071fb0 rgb(7,31,176)
```
#0722c3
```
#0722c3 rgb(7,34,195)
```
#0825d6
```
#0825d6 rgb(8,37,214)
```
#0929e9
```
#0929e9 rgb(9,41,233)
```

Shade Color Variation

#0f30f6
```
#0f30f6 rgb(15,48,246)
```
#2240f7
```
#2240f7 rgb(34,64,247)
```
#3551f7
```
#3551f7 rgb(53,81,247)
```
#4861f8
```
#4861f8 rgb(72,97,248)
```
#5b71f9
```
#5b71f9 rgb(91,113,249)
```
#6e82fa
```
#6e82fa rgb(110,130,250)
```
#8092fa
```
#8092fa rgb(128,146,250)
```
#93a2fb
```
#93a2fb rgb(147,162,251)
```
#a6b2fc
```
#a6b2fc rgb(166,178,252)
```
#b9c3fc
```
#b9c3fc rgb(185,195,252)
```
#ccd3fd
```
#ccd3fd rgb(204,211,253)
```
#dfe3fe
```
#dfe3fe rgb(223,227,254)
```
#f2f4ff
```
#f2f4ff rgb(242,244,255)
```

Tint Color Variation

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

#828283
```
#828283 rgb(130,130,131)
```
#787b8d
```
#787b8d rgb(120,123,141)
```
#6f7496
```
#6f7496 rgb(111,116,150)
```
#656ea0
```
#656ea0 rgb(101,110,160)
```
#5c67a9
```
#5c67a9 rgb(92,103,169)
```
#5260b3
```
#5260b3 rgb(82,96,179)
```
#4859bd
```
#4859bd rgb(72,89,189)
```
#3f52c6
```
#3f52c6 rgb(63,82,198)
```
#354bd0
```
#354bd0 rgb(53,75,208)
```
#2c45d9
```
#2c45d9 rgb(44,69,217)
```
#223ee3
```
#223ee3 rgb(34,62,227)
```
#1937ec
```
#1937ec rgb(25,55,236)
```
#0f30f6
```
#0f30f6 rgb(15,48,246)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#343a62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aaf Protanopia 1% of men
#005f97 Deuteranopia 1% of men
#00666a Tritanopia 0.001% of the population

Trichromacy

#054ac8 Protanomaly 1% of men, 0.01% of women
#054eb9 Deuteranomaly 6% of men, 0.4% of women
#05529d Tritanomaly 0.01% of the population

#0f30f6 hex color

#0f30f6 Color Information

#0f30f6 Color Conversion

Color Schemes with #0f30f6

Alternatives to #0f30f6

#0f30f6 Preview

Shades and Tints of #0f30f6

Tones of #0f30f6

Color Blindness Simulator