#0f4af3 hex color

In a RGB color space, hex #0f4af3 is composed of 5.9% red, 29% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 93.8% cyan, 69.5% magenta, 0% yellow and 4.7% black. It has a hue angle of 224.5 degrees, a saturation of 90.5% and a lightness of 50.6%. #0f4af3 color hex could be obtained by blending #1e94ff with #0000e7. Closest websafe color is: #0033ff.

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

● #0f4af3 color description : Vivid blue.

The hexadecimal color #0f4af3 has RGB values of R:15, G:74, B:243 and CMYK values of C:0.94, M:0.7, Y:0, K:0.05. Its decimal value is 1002227.

Hex triplet	0f4af3	`#0f4af3`
RGB Decimal	15, 74, 243	`rgb(15,74,243)`
RGB Percent	5.9, 29, 95.3	`rgb(5.9%,29%,95.3%)`
CMYK	94, 70, 0, 5
HSL	224.5°, 90.5, 50.6	`hsl(224.5,90.5%,50.6%)`
HSV (or HSB)	224.5°, 93.8, 95.3
Web Safe	0033ff	`#0033ff`

CIE-LAB	40.359, 48.502, -87.712
XYZ	18.82, 11.469, 86.011
xyY	0.162, 0.099, 11.469
CIE-LCH	40.359, 100.228, 298.941
CIE-LUV	40.359, -15.81, -125.076
Hunter-Lab	33.865, 39.934, -126.878
Binary	00001111, 01001010, 11110011

#0f4af3
```
#0f4af3 rgb(15,74,243)
```
#f3b80f
```
#f3b80f rgb(243,184,15)
```

Complementary Color

#0fbcf3
```
#0fbcf3 rgb(15,188,243)
```
#0f4af3
```
#0f4af3 rgb(15,74,243)
```
#460ff3
```
#460ff3 rgb(70,15,243)
```

Analogous Color

#bcf30f
```
#bcf30f rgb(188,243,15)
```
#0f4af3
```
#0f4af3 rgb(15,74,243)
```
#f3460f
```
#f3460f rgb(243,70,15)
```

Split Complementary Color

#4af30f
```
#4af30f rgb(74,243,15)
```
#0f4af3
```
#0f4af3 rgb(15,74,243)
```
#f30f4a
```
#f30f4a rgb(243,15,74)
```

Triadic Color

#0ff3b8
```
#0ff3b8 rgb(15,243,184)
```
#0f4af3
```
#0f4af3 rgb(15,74,243)
```
#f30f4a
```
#f30f4a rgb(243,15,74)
```
#f3b80f
```
#f3b80f rgb(243,184,15)
```

Tetradic Color

#0933ad
```
#0933ad rgb(9,51,173)
```
#0a3ac5
```
#0a3ac5 rgb(10,58,197)
```
#0b42dd
```
#0b42dd rgb(11,66,221)
```
#0f4af3
```
#0f4af3 rgb(15,74,243)
```
#275cf4
```
#275cf4 rgb(39,92,244)
```
#406ff5
```
#406ff5 rgb(64,111,245)
```
#5881f7
```
#5881f7 rgb(88,129,247)
```

Monochromatic Color

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

#0f83f3
```
#0f83f3 rgb(15,131,243)
```
#0f70f3
```
#0f70f3 rgb(15,112,243)
```
#0f5df3
```
#0f5df3 rgb(15,93,243)
```
#0f4af3
```
#0f4af3 rgb(15,74,243)
```
#0f37f3
```
#0f37f3 rgb(15,55,243)
```
#0f24f3
```
#0f24f3 rgb(15,36,243)
```
#0f11f3
```
#0f11f3 rgb(15,17,243)
```

Similar Colors

Text with hexadecimal color #0f4af3

This text has a font color of #0f4af3.

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

#0f4af3 background color

This paragraph has a background color of #0f4af3.

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

#0f4af3 border color

This element has a border color of #0f4af3.

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

CSS codes

.text {color:#0f4af3;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#010616
```
#010616 rgb(1,6,22)
```
#020c28
```
#020c28 rgb(2,12,40)
```
#03113b
```
#03113b rgb(3,17,59)
```
#04174e
```
#04174e rgb(4,23,78)
```
#051c60
```
#051c60 rgb(5,28,96)
```
#062273
```
#062273 rgb(6,34,115)
```
#072886
```
#072886 rgb(7,40,134)
```
#082d98
```
#082d98 rgb(8,45,152)
```
#0933ab
```
#0933ab rgb(9,51,171)
```
#0938be
```
#0938be rgb(9,56,190)
```
#0a3ed0
```
#0a3ed0 rgb(10,62,208)
```
#0b43e3
```
#0b43e3 rgb(11,67,227)
```

Shade Color Variation

#0f4af3
```
#0f4af3 rgb(15,74,243)
```
#2258f4
```
#2258f4 rgb(34,88,244)
```
#3466f5
```
#3466f5 rgb(52,102,245)
```
#4774f6
```
#4774f6 rgb(71,116,246)
```
#5a82f7
```
#5a82f7 rgb(90,130,247)
```
#6c90f8
```
#6c90f8 rgb(108,144,248)
```
#7f9ff9
```
#7f9ff9 rgb(127,159,249)
```
#92adfa
```
#92adfa rgb(146,173,250)
```
#a4bbfa
```
#a4bbfa rgb(164,187,250)
```
#b7c9fb
```
#b7c9fb rgb(183,201,251)
```
#cad7fc
```
#cad7fc rgb(202,215,252)
```
#dce5fd
```
#dce5fd rgb(220,229,253)
```
#eff3fe
```
#eff3fe rgb(239,243,254)
```

Tint Color Variation

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

#7a7d88
```
#7a7d88 rgb(122,125,136)
```
#707992
```
#707992 rgb(112,121,146)
```
#66749c
```
#66749c rgb(102,116,156)
```
#5d6fa5
```
#5d6fa5 rgb(93,111,165)
```
#536baf
```
#536baf rgb(83,107,175)
```
#4966b9
```
#4966b9 rgb(73,102,185)
```
#3f61c3
```
#3f61c3 rgb(63,97,195)
```
#365dcc
```
#365dcc rgb(54,93,204)
```
#2c58d6
```
#2c58d6 rgb(44,88,214)
```
#2253e0
```
#2253e0 rgb(34,83,224)
```
#194fe9
```
#194fe9 rgb(25,79,233)
```
#0f4af3
```
#0f4af3 rgb(15,74,243)
```
#0545fd
```
#0545fd rgb(5,69,253)
```

Tone Color Variation

Below, you can see how #0f4af3 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
#404c6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c3 Protanopia 1% of men
#006aa9 Deuteranopia 1% of men
#007176 Tritanopia 0.001% of the population

Trichromacy

#055ad4 Protanomaly 1% of men, 0.01% of women
#055ec4 Deuteranomaly 6% of men, 0.4% of women
#0563a4 Tritanomaly 0.01% of the population

#0f4af3 hex color

#0f4af3 Color Information

#0f4af3 Color Conversion

Color Schemes with #0f4af3

Alternatives to #0f4af3

#0f4af3 Preview

Shades and Tints of #0f4af3

Tones of #0f4af3

Color Blindness Simulator