#0f3afe hex color

In a RGB color space, hex #0f3afe is composed of 5.9% red, 22.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 94.1% cyan, 77.2% magenta, 0% yellow and 0.4% black. It has a hue angle of 229.2 degrees, a saturation of 99.2% and a lightness of 52.7%. #0f3afe color hex could be obtained by blending #1e74ff with #0000fd. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 6
- G 23
- B 100
RGB color chart
- C 94
- M 77
- Y 0
- K 0
CMYK color chart

● #0f3afe color description : Vivid blue.

The hexadecimal color #0f3afe has RGB values of R:15, G:58, B:254 and CMYK values of C:0.94, M:0.77, Y:0, K:0. Its decimal value is 998142.

Hex triplet	0f3afe	`#0f3afe`
RGB Decimal	15, 58, 254	`rgb(15,58,254)`
RGB Percent	5.9, 22.7, 99.6	`rgb(5.9%,22.7%,99.6%)`
CMYK	94, 77, 0, 0
HSL	229.2°, 99.2, 52.7	`hsl(229.2,99.2%,52.7%)`
HSV (or HSB)	229.2°, 94.1, 99.6
Web Safe	0033ff	`#0033ff`

CIE-LAB	38.344, 61.138, -97.221
XYZ	19.596, 10.282, 94.712
xyY	0.157, 0.083, 10.282
CIE-LCH	38.344, 114.847, 302.164
CIE-LUV	38.344, -13.3, -132.729
Hunter-Lab	32.065, 52.971, -152.681
Binary	00001111, 00111010, 11111110

#0f3afe
```
#0f3afe rgb(15,58,254)
```
#fed30f
```
#fed30f rgb(254,211,15)
```

Complementary Color

#0fb2fe
```
#0fb2fe rgb(15,178,254)
```
#0f3afe
```
#0f3afe rgb(15,58,254)
```
#5c0ffe
```
#5c0ffe rgb(92,15,254)
```

Analogous Color

#b2fe0f
```
#b2fe0f rgb(178,254,15)
```
#0f3afe
```
#0f3afe rgb(15,58,254)
```
#fe5c0f
```
#fe5c0f rgb(254,92,15)
```

Split Complementary Color

#3afe0f
```
#3afe0f rgb(58,254,15)
```
#0f3afe
```
#0f3afe rgb(15,58,254)
```
#fe0f3a
```
#fe0f3a rgb(254,15,58)
```

Triadic Color

#0ffed3
```
#0ffed3 rgb(15,254,211)
```
#0f3afe
```
#0f3afe rgb(15,58,254)
```
#fe0f3a
```
#fe0f3a rgb(254,15,58)
```
#fed30f
```
#fed30f rgb(254,211,15)
```

Tetradic Color

#0123c0
```
#0123c0 rgb(1,35,192)
```
#0128d9
```
#0128d9 rgb(1,40,217)
```
#012cf2
```
#012cf2 rgb(1,44,242)
```
#0f3afe
```
#0f3afe rgb(15,58,254)
```
#284ffe
```
#284ffe rgb(40,79,254)
```
#4264fe
```
#4264fe rgb(66,100,254)
```
#5b79fe
```
#5b79fe rgb(91,121,254)
```

Monochromatic Color

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

#0f76fe
```
#0f76fe rgb(15,118,254)
```
#0f62fe
```
#0f62fe rgb(15,98,254)
```
#0f4efe
```
#0f4efe rgb(15,78,254)
```
#0f3afe
```
#0f3afe rgb(15,58,254)
```
#0f26fe
```
#0f26fe rgb(15,38,254)
```
#0f12fe
```
#0f12fe rgb(15,18,254)
```
#200ffe
```
#200ffe rgb(32,15,254)
```

Similar Colors

Text with hexadecimal color #0f3afe

This text has a font color of #0f3afe.

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

#0f3afe background color

This paragraph has a background color of #0f3afe.

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

#0f3afe border color

This element has a border color of #0f3afe.

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

CSS codes

.text {color:#0f3afe;}

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

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

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, #00030e is the darkest color, while #f9faff is the lightest one.

#00030e
```
#00030e rgb(0,3,14)
```
#000621
```
#000621 rgb(0,6,33)
```
#000a35
```
#000a35 rgb(0,10,53)
```
#000d49
```
#000d49 rgb(0,13,73)
```
#00115c
```
#00115c rgb(0,17,92)
```
#001470
```
#001470 rgb(0,20,112)
```
#011883
```
#011883 rgb(1,24,131)
```
#011c97
```
#011c97 rgb(1,28,151)
```
#011faa
```
#011faa rgb(1,31,170)
```
#0123be
```
#0123be rgb(1,35,190)
```
#0126d1
```
#0126d1 rgb(1,38,209)
```
#012ae5
```
#012ae5 rgb(1,42,229)
```
#012ef8
```
#012ef8 rgb(1,46,248)
```

Shade Color Variation

#0f3afe
```
#0f3afe rgb(15,58,254)
```
#234afe
```
#234afe rgb(35,74,254)
```
#365afe
```
#365afe rgb(54,90,254)
```
#4a6afe
```
#4a6afe rgb(74,106,254)
```
#5d7afe
```
#5d7afe rgb(93,122,254)
```
#718afe
```
#718afe rgb(113,138,254)
```
#849afe
```
#849afe rgb(132,154,254)
```
#98aaff
```
#98aaff rgb(152,170,255)
```
#abbaff
```
#abbaff rgb(171,186,255)
```
#bfcaff
```
#bfcaff rgb(191,202,255)
```
#d2daff
```
#d2daff rgb(210,218,255)
```
#e6eaff
```
#e6eaff rgb(230,234,255)
```
#f9faff
```
#f9faff rgb(249,250,255)
```

Tint Color Variation

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

#7e818f
```
#7e818f rgb(126,129,143)
```
#757b98
```
#757b98 rgb(117,123,152)
```
#6c75a1
```
#6c75a1 rgb(108,117,161)
```
#626fab
```
#626fab rgb(98,111,171)
```
#5969b4
```
#5969b4 rgb(89,105,180)
```
#5064bd
```
#5064bd rgb(80,100,189)
```
#475ec6
```
#475ec6 rgb(71,94,198)
```
#3d58d0
```
#3d58d0 rgb(61,88,208)
```
#3452d9
```
#3452d9 rgb(52,82,217)
```
#2b4ce2
```
#2b4ce2 rgb(43,76,226)
```
#2246eb
```
#2246eb rgb(34,70,235)
```
#1840f5
```
#1840f5 rgb(24,64,245)
```
#0f3afe
```
#0f3afe rgb(15,58,254)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#394168 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060ba Protanopia 1% of men
#0065a1 Deuteranopia 1% of men
#006c71 Tritanopia 0.001% of the population

Trichromacy

#0552d3 Protanomaly 1% of men, 0.01% of women
#0555c2 Deuteranomaly 6% of men, 0.4% of women
#055aa4 Tritanomaly 0.01% of the population

#0f3afe hex color

#0f3afe Color Information

#0f3afe Color Conversion

Color Schemes with #0f3afe

Alternatives to #0f3afe

#0f3afe Preview

Shades and Tints of #0f3afe

Tones of #0f3afe

Color Blindness Simulator