#0f4af7 hex color

In a RGB color space, hex #0f4af7 is composed of 5.9% red, 29% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 93.9% cyan, 70% magenta, 0% yellow and 3.1% black. It has a hue angle of 224.7 degrees, a saturation of 93.5% and a lightness of 51.4%. #0f4af7 color hex could be obtained by blending #1e94ff with #0000ef. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 6
- G 29
- B 97
RGB color chart
- C 94
- M 70
- Y 0
- K 3
CMYK color chart

● #0f4af7 color description : Vivid blue.

The hexadecimal color #0f4af7 has RGB values of R:15, G:74, B:247 and CMYK values of C:0.94, M:0.7, Y:0, K:0.03. Its decimal value is 1002231.

Hex triplet	0f4af7	`#0f4af7`
RGB Decimal	15, 74, 247	`rgb(15,74,247)`
RGB Percent	5.9, 29, 96.9	`rgb(5.9%,29%,96.9%)`
CMYK	94, 70, 0, 3
HSL	224.7°, 93.5, 51.4	`hsl(224.7,93.5%,51.4%)`
HSV (or HSB)	224.7°, 93.9, 96.9
Web Safe	0033ff	`#0033ff`

CIE-LAB	40.756, 49.908, -89.303
XYZ	19.431, 11.713, 89.227
xyY	0.161, 0.097, 11.713
CIE-LCH	40.756, 102.303, 299.199
CIE-LUV	40.756, -15.842, -127.456
Hunter-Lab	34.224, 41.451, -130.621
Binary	00001111, 01001010, 11110111

#0f4af7
```
#0f4af7 rgb(15,74,247)
```
#f7bc0f
```
#f7bc0f rgb(247,188,15)
```

Complementary Color

#0fbef7
```
#0fbef7 rgb(15,190,247)
```
#0f4af7
```
#0f4af7 rgb(15,74,247)
```
#480ff7
```
#480ff7 rgb(72,15,247)
```

Analogous Color

#bef70f
```
#bef70f rgb(190,247,15)
```
#0f4af7
```
#0f4af7 rgb(15,74,247)
```
#f7480f
```
#f7480f rgb(247,72,15)
```

Split Complementary Color

#4af70f
```
#4af70f rgb(74,247,15)
```
#0f4af7
```
#0f4af7 rgb(15,74,247)
```
#f70f4a
```
#f70f4a rgb(247,15,74)
```

Triadic Color

#0ff7bc
```
#0ff7bc rgb(15,247,188)
```
#0f4af7
```
#0f4af7 rgb(15,74,247)
```
#f70f4a
```
#f70f4a rgb(247,15,74)
```
#f7bc0f
```
#f7bc0f rgb(247,188,15)
```

Tetradic Color

#0632b4
```
#0632b4 rgb(6,50,180)
```
#0739cc
```
#0739cc rgb(7,57,204)
```
#0840e5
```
#0840e5 rgb(8,64,229)
```
#0f4af7
```
#0f4af7 rgb(15,74,247)
```
#285df8
```
#285df8 rgb(40,93,248)
```
#406ff9
```
#406ff9 rgb(64,111,249)
```
#5982f9
```
#5982f9 rgb(89,130,249)
```

Monochromatic Color

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

#0f84f7
```
#0f84f7 rgb(15,132,247)
```
#0f71f7
```
#0f71f7 rgb(15,113,247)
```
#0f5df7
```
#0f5df7 rgb(15,93,247)
```
#0f4af7
```
#0f4af7 rgb(15,74,247)
```
#0f37f7
```
#0f37f7 rgb(15,55,247)
```
#0f23f7
```
#0f23f7 rgb(15,35,247)
```
#0f10f7
```
#0f10f7 rgb(15,16,247)
```

Similar Colors

Text with hexadecimal color #0f4af7

This text has a font color of #0f4af7.

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

#0f4af7 background color

This paragraph has a background color of #0f4af7.

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

#0f4af7 border color

This element has a border color of #0f4af7.

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

CSS codes

.text {color:#0f4af7;}

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

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

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

#000207
```
#000207 rgb(0,2,7)
```
#01071a
```
#01071a rgb(1,7,26)
```
#010c2d
```
#010c2d rgb(1,12,45)
```
#021240
```
#021240 rgb(2,18,64)
```
#031753
```
#031753 rgb(3,23,83)
```
#031c66
```
#031c66 rgb(3,28,102)
```
#042279
```
#042279 rgb(4,34,121)
```
#05278c
```
#05278c rgb(5,39,140)
```
#052c9f
```
#052c9f rgb(5,44,159)
```
#0632b2
```
#0632b2 rgb(6,50,178)
```
#0737c5
```
#0737c5 rgb(7,55,197)
```
#073cd8
```
#073cd8 rgb(7,60,216)
```
#0841eb
```
#0841eb rgb(8,65,235)
```

Shade Color Variation

#0f4af7
```
#0f4af7 rgb(15,74,247)
```
#2258f8
```
#2258f8 rgb(34,88,248)
```
#3567f8
```
#3567f8 rgb(53,103,248)
```
#4875f9
```
#4875f9 rgb(72,117,249)
```
#5b83fa
```
#5b83fa rgb(91,131,250)
```
#6e92fa
```
#6e92fa rgb(110,146,250)
```
#81a0fb
```
#81a0fb rgb(129,160,251)
```
#94aefb
```
#94aefb rgb(148,174,251)
```
#a7bdfc
```
#a7bdfc rgb(167,189,252)
```
#bacbfd
```
#bacbfd rgb(186,203,253)
```
#cdd9fd
```
#cdd9fd rgb(205,217,253)
```
#e0e7fe
```
#e0e7fe rgb(224,231,254)
```
#f3f6ff
```
#f3f6ff rgb(243,246,255)
```

Tint Color Variation

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

#818285
```
#818285 rgb(129,130,133)
```
#787e8e
```
#787e8e rgb(120,126,142)
```
#6e7998
```
#6e7998 rgb(110,121,152)
```
#6574a1
```
#6574a1 rgb(101,116,161)
```
#5b6fab
```
#5b6fab rgb(91,111,171)
```
#526bb4
```
#526bb4 rgb(82,107,180)
```
#4866be
```
#4866be rgb(72,102,190)
```
#3f61c7
```
#3f61c7 rgb(63,97,199)
```
#355dd1
```
#355dd1 rgb(53,93,209)
```
#2c58da
```
#2c58da rgb(44,88,218)
```
#2253e4
```
#2253e4 rgb(34,83,228)
```
#194fed
```
#194fed rgb(25,79,237)
```
#0f4af7
```
#0f4af7 rgb(15,74,247)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#404c6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c5 Protanopia 1% of men
#006baa Deuteranopia 1% of men
#007277 Tritanopia 0.001% of the population

Trichromacy

#055bd7 Protanomaly 1% of men, 0.01% of women
#055fc6 Deuteranomaly 6% of men, 0.4% of women
#0563a6 Tritanomaly 0.01% of the population

#0f4af7 hex color

#0f4af7 Color Information

#0f4af7 Color Conversion

Color Schemes with #0f4af7

Alternatives to #0f4af7

#0f4af7 Preview

Shades and Tints of #0f4af7

Tones of #0f4af7

Color Blindness Simulator