#0386f5 hex color

In a RGB color space, hex #0386f5 is composed of 1.2% red, 52.5% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 45.3% magenta, 0% yellow and 3.9% black. It has a hue angle of 207.5 degrees, a saturation of 97.6% and a lightness of 48.6%. #0386f5 color hex could be obtained by blending #06ffff with #000deb. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 1
- G 53
- B 96
RGB color chart
- C 99
- M 45
- Y 0
- K 4
CMYK color chart

● #0386f5 color description : Vivid blue.

The hexadecimal color #0386f5 has RGB values of R:3, G:134, B:245 and CMYK values of C:0.99, M:0.45, Y:0, K:0.04. Its decimal value is 231157.

Hex triplet	0386f5	`#0386f5`
RGB Decimal	3, 134, 245	`rgb(3,134,245)`
RGB Percent	1.2, 52.5, 96.1	`rgb(1.2%,52.5%,96.1%)`
CMYK	99, 45, 0, 4
HSL	207.5°, 97.6, 48.6	`hsl(207.5,97.6%,48.6%)`
HSV (or HSB)	207.5°, 98.8, 96.1
Web Safe	0099ff	`#0099ff`

CIE-LAB	55.746, 11.283, -63.739
XYZ	25.04, 23.66, 89.628
xyY	0.181, 0.171, 23.66
CIE-LCH	55.746, 64.73, 280.039
CIE-LUV	55.746, -31.499, -101.561
Hunter-Lab	48.641, 6.768, -75.201
Binary	00000011, 10000110, 11110101

#0386f5
```
#0386f5 rgb(3,134,245)
```
#f57203
```
#f57203 rgb(245,114,3)
```

Complementary Color

#03f5eb
```
#03f5eb rgb(3,245,235)
```
#0386f5
```
#0386f5 rgb(3,134,245)
```
#030df5
```
#030df5 rgb(3,13,245)
```

Analogous Color

#f5eb03
```
#f5eb03 rgb(245,235,3)
```
#0386f5
```
#0386f5 rgb(3,134,245)
```
#f5030d
```
#f5030d rgb(245,3,13)
```

Split Complementary Color

#86f503
```
#86f503 rgb(134,245,3)
```
#0386f5
```
#0386f5 rgb(3,134,245)
```
#f50386
```
#f50386 rgb(245,3,134)
```

Triadic Color

#03f572
```
#03f572 rgb(3,245,114)
```
#0386f5
```
#0386f5 rgb(3,134,245)
```
#f50386
```
#f50386 rgb(245,3,134)
```
#f57203
```
#f57203 rgb(245,114,3)
```

Tetradic Color

#025da9
```
#025da9 rgb(2,93,169)
```
#026ac3
```
#026ac3 rgb(2,106,195)
```
#0378dc
```
#0378dc rgb(3,120,220)
```
#0386f5
```
#0386f5 rgb(3,134,245)
```
#1592fc
```
#1592fc rgb(21,146,252)
```
#2f9efc
```
#2f9efc rgb(47,158,252)
```
#48aafd
```
#48aafd rgb(72,170,253)
```

Monochromatic Color

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

#03c3f5
```
#03c3f5 rgb(3,195,245)
```
#03aef5
```
#03aef5 rgb(3,174,245)
```
#039af5
```
#039af5 rgb(3,154,245)
```
#0386f5
```
#0386f5 rgb(3,134,245)
```
#0372f5
```
#0372f5 rgb(3,114,245)
```
#035ef5
```
#035ef5 rgb(3,94,245)
```
#034af5
```
#034af5 rgb(3,74,245)
```

Similar Colors

Text with hexadecimal color #0386f5

This text has a font color of #0386f5.

<span style="color:#0386f5;">Text here</span>

#0386f5 background color

This paragraph has a background color of #0386f5.

<p style="background-color:#0386f5;">Content here</p>

#0386f5 border color

This element has a border color of #0386f5.

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

CSS codes

.text {color:#0386f5;}

.background {background-color:#0386f5;}

.border {border:1px solid #0386f5;}

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, #00070c is the darkest color, while #f8fcff is the lightest one.

#00070c
```
#00070c rgb(0,7,12)
```
#001120
```
#001120 rgb(0,17,32)
```
#011c33
```
#011c33 rgb(1,28,51)
```
#012747
```
#012747 rgb(1,39,71)
```
#01315a
```
#01315a rgb(1,49,90)
```
#013c6d
```
#013c6d rgb(1,60,109)
```
#024681
```
#024681 rgb(2,70,129)
```
#025194
```
#025194 rgb(2,81,148)
```
#025ca7
```
#025ca7 rgb(2,92,167)
```
#0266bb
```
#0266bb rgb(2,102,187)
```
#0371ce
```
#0371ce rgb(3,113,206)
```
#037be2
```
#037be2 rgb(3,123,226)
```
#0386f5
```
#0386f5 rgb(3,134,245)
```

Shade Color Variation

#1090fc
```
#1090fc rgb(16,144,252)
```
#2399fc
```
#2399fc rgb(35,153,252)
```
#36a2fd
```
#36a2fd rgb(54,162,253)
```
#4aabfd
```
#4aabfd rgb(74,171,253)
```
#5db4fd
```
#5db4fd rgb(93,180,253)
```
#70bdfd
```
#70bdfd rgb(112,189,253)
```
#84c6fd
```
#84c6fd rgb(132,198,253)
```
#97cffe
```
#97cffe rgb(151,207,254)
```
#abd8fe
```
#abd8fe rgb(171,216,254)
```
#bee1fe
```
#bee1fe rgb(190,225,254)
```
#d1eafe
```
#d1eafe rgb(209,234,254)
```
#e5f3ff
```
#e5f3ff rgb(229,243,255)
```
#f8fcff
```
#f8fcff rgb(248,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757d83 is the less saturated color, while #0386f5 is the most saturated one.

#757d83
```
#757d83 rgb(117,125,131)
```
#6c7d8c
```
#6c7d8c rgb(108,125,140)
```
#627e96
```
#627e96 rgb(98,126,150)
```
#597f9f
```
#597f9f rgb(89,127,159)
```
#4f80a9
```
#4f80a9 rgb(79,128,169)
```
#4680b2
```
#4680b2 rgb(70,128,178)
```
#3c81bc
```
#3c81bc rgb(60,129,188)
```
#3382c5
```
#3382c5 rgb(51,130,197)
```
#2983cf
```
#2983cf rgb(41,131,207)
```
#2084d8
```
#2084d8 rgb(32,132,216)
```
#1684e2
```
#1684e2 rgb(22,132,226)
```
#0d85eb
```
#0d85eb rgb(13,133,235)
```
#0386f5
```
#0386f5 rgb(3,134,245)
```

Tone Color Variation

Below, you can see how #0386f5 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

#6b6b6b Achromatopsia 0.005% of the population
#567087 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5088f2 Protanopia 1% of men
#008eeb Deuteranopia 1% of men
#0099a2 Tritanopia 0.001% of the population

Trichromacy

#3487f3 Protanomaly 1% of men, 0.01% of women
#018bef Deuteranomaly 6% of men, 0.4% of women
#0192c0 Tritanomaly 0.01% of the population

#0386f5 hex color

#0386f5 Color Information

#0386f5 Color Conversion

Color Schemes with #0386f5

Alternatives to #0386f5

#0386f5 Preview

Shades and Tints of #0386f5

Tones of #0386f5

Color Blindness Simulator