#0f3af3 hex color

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

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

● #0f3af3 color description : Vivid blue.

The hexadecimal color #0f3af3 has RGB values of R:15, G:58, B:243 and CMYK values of C:0.94, M:0.76, Y:0, K:0.05. Its decimal value is 998131.

Hex triplet	0f3af3	`#0f3af3`
RGB Decimal	15, 58, 243	`rgb(15,58,243)`
RGB Percent	5.9, 22.7, 95.3	`rgb(5.9%,22.7%,95.3%)`
CMYK	94, 76, 0, 5
HSL	228.7°, 90.5, 50.6	`hsl(228.7,90.5%,50.6%)`
HSV (or HSB)	228.7°, 93.8, 95.3
Web Safe	0033ff	`#0033ff`

CIE-LAB	37.11, 57.595, -93.09
XYZ	17.884, 9.597, 85.699
xyY	0.158, 0.085, 9.597
CIE-LCH	37.11, 109.466, 301.745
CIE-LUV	37.11, -13.065, -126.473
Hunter-Lab	30.979, 48.834, -142.329
Binary	00001111, 00111010, 11110011

#0f3af3
```
#0f3af3 rgb(15,58,243)
```
#f3c80f
```
#f3c80f rgb(243,200,15)
```

Complementary Color

#0facf3
```
#0facf3 rgb(15,172,243)
```
#0f3af3
```
#0f3af3 rgb(15,58,243)
```
#560ff3
```
#560ff3 rgb(86,15,243)
```

Analogous Color

#acf30f
```
#acf30f rgb(172,243,15)
```
#0f3af3
```
#0f3af3 rgb(15,58,243)
```
#f3560f
```
#f3560f rgb(243,86,15)
```

Split Complementary Color

#3af30f
```
#3af30f rgb(58,243,15)
```
#0f3af3
```
#0f3af3 rgb(15,58,243)
```
#f30f3a
```
#f30f3a rgb(243,15,58)
```

Triadic Color

#0ff3c8
```
#0ff3c8 rgb(15,243,200)
```
#0f3af3
```
#0f3af3 rgb(15,58,243)
```
#f30f3a
```
#f30f3a rgb(243,15,58)
```
#f3c80f
```
#f3c80f rgb(243,200,15)
```

Tetradic Color

#0928ad
```
#0928ad rgb(9,40,173)
```
#0a2dc5
```
#0a2dc5 rgb(10,45,197)
```
#0b33dd
```
#0b33dd rgb(11,51,221)
```
#0f3af3
```
#0f3af3 rgb(15,58,243)
```
#274ef4
```
#274ef4 rgb(39,78,244)
```
#4062f5
```
#4062f5 rgb(64,98,245)
```
#5876f7
```
#5876f7 rgb(88,118,247)
```

Monochromatic Color

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

#0f73f3
```
#0f73f3 rgb(15,115,243)
```
#0f60f3
```
#0f60f3 rgb(15,96,243)
```
#0f4df3
```
#0f4df3 rgb(15,77,243)
```
#0f3af3
```
#0f3af3 rgb(15,58,243)
```
#0f27f3
```
#0f27f3 rgb(15,39,243)
```
#0f14f3
```
#0f14f3 rgb(15,20,243)
```
#1d0ff3
```
#1d0ff3 rgb(29,15,243)
```

Similar Colors

Text with hexadecimal color #0f3af3

This text has a font color of #0f3af3.

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

#0f3af3 background color

This paragraph has a background color of #0f3af3.

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

#0f3af3 border color

This element has a border color of #0f3af3.

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

CSS codes

.text {color:#0f3af3;}

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

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

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 #eff2fe is the lightest one.

#000103
```
#000103 rgb(0,1,3)
```
#010516
```
#010516 rgb(1,5,22)
```
#020928
```
#020928 rgb(2,9,40)
```
#030d3b
```
#030d3b rgb(3,13,59)
```
#04124e
```
#04124e rgb(4,18,78)
```
#051660
```
#051660 rgb(5,22,96)
```
#061a73
```
#061a73 rgb(6,26,115)
```
#071f86
```
#071f86 rgb(7,31,134)
```
#082398
```
#082398 rgb(8,35,152)
```
#0927ab
```
#0927ab rgb(9,39,171)
```
#092bbe
```
#092bbe rgb(9,43,190)
```
#0a30d0
```
#0a30d0 rgb(10,48,208)
```
#0b34e3
```
#0b34e3 rgb(11,52,227)
```

Shade Color Variation

#0f3af3
```
#0f3af3 rgb(15,58,243)
```
#2249f4
```
#2249f4 rgb(34,73,244)
```
#3459f5
```
#3459f5 rgb(52,89,245)
```
#4768f6
```
#4768f6 rgb(71,104,246)
```
#5a77f7
```
#5a77f7 rgb(90,119,247)
```
#6c87f8
```
#6c87f8 rgb(108,135,248)
```
#7f96f9
```
#7f96f9 rgb(127,150,249)
```
#92a5fa
```
#92a5fa rgb(146,165,250)
```
#a4b5fa
```
#a4b5fa rgb(164,181,250)
```
#b7c4fb
```
#b7c4fb rgb(183,196,251)
```
#cad3fc
```
#cad3fc rgb(202,211,252)
```
#dce3fd
```
#dce3fd rgb(220,227,253)
```
#eff2fe
```
#eff2fe rgb(239,242,254)
```

Tint Color Variation

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

#7a7c88
```
#7a7c88 rgb(122,124,136)
```
#707692
```
#707692 rgb(112,118,146)
```
#66709c
```
#66709c rgb(102,112,156)
```
#5d6aa5
```
#5d6aa5 rgb(93,106,165)
```
#5364af
```
#5364af rgb(83,100,175)
```
#495eb9
```
#495eb9 rgb(73,94,185)
```
#3f58c3
```
#3f58c3 rgb(63,88,195)
```
#3652cc
```
#3652cc rgb(54,82,204)
```
#2c4cd6
```
#2c4cd6 rgb(44,76,214)
```
#2246e0
```
#2246e0 rgb(34,70,224)
```
#1940e9
```
#1940e9 rgb(25,64,233)
```
#0f3af3
```
#0f3af3 rgb(15,58,243)
```
#0534fd
```
#0534fd rgb(5,52,253)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#384065 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db5 Protanopia 1% of men
#00629c Deuteranopia 1% of men
#00696e Tritanopia 0.001% of the population

Trichromacy

#0550cb Protanomaly 1% of men, 0.01% of women
#0553bc Deuteranomaly 6% of men, 0.4% of women
#05589e Tritanomaly 0.01% of the population

#0f3af3 hex color

#0f3af3 Color Information

#0f3af3 Color Conversion

Color Schemes with #0f3af3

Alternatives to #0f3af3

#0f3af3 Preview

Shades and Tints of #0f3af3

Tones of #0f3af3

Color Blindness Simulator