#3086f3 hex color

In a RGB color space, hex #3086f3 is composed of 18.8% red, 52.5% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 44.9% magenta, 0% yellow and 4.7% black. It has a hue angle of 213.5 degrees, a saturation of 89% and a lightness of 57.1%. #3086f3 color hex could be obtained by blending #60ffff with #000de7. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 19
- G 53
- B 95
RGB color chart
- C 80
- M 45
- Y 0
- K 5
CMYK color chart

● #3086f3 color description : Bright blue.

The hexadecimal color #3086f3 has RGB values of R:48, G:134, B:243 and CMYK values of C:0.8, M:0.45, Y:0, K:0.05. Its decimal value is 3180275.

Hex triplet	3086f3	`#3086f3`
RGB Decimal	48, 134, 243	`rgb(48,134,243)`
RGB Percent	18.8, 52.5, 95.3	`rgb(18.8%,52.5%,95.3%)`
CMYK	80, 45, 0, 5
HSL	213.5°, 89, 57.1	`hsl(213.5,89%,57.1%)`
HSV (or HSB)	213.5°, 80.2, 95.3
Web Safe	3399ff	`#3399ff`

CIE-LAB	56.235, 12.875, -61.812
XYZ	25.918, 24.148, 88.084
xyY	0.188, 0.175, 24.148
CIE-LCH	56.235, 63.139, 281.766
CIE-LUV	56.235, -28.458, -98.844
Hunter-Lab	49.14, 8.151, -71.88
Binary	00110000, 10000110, 11110011

#3086f3
```
#3086f3 rgb(48,134,243)
```
#f39d30
```
#f39d30 rgb(243,157,48)
```

Complementary Color

#30e8f3
```
#30e8f3 rgb(48,232,243)
```
#3086f3
```
#3086f3 rgb(48,134,243)
```
#3c30f3
```
#3c30f3 rgb(60,48,243)
```

Analogous Color

#e8f330
```
#e8f330 rgb(232,243,48)
```
#3086f3
```
#3086f3 rgb(48,134,243)
```
#f33c30
```
#f33c30 rgb(243,60,48)
```

Split Complementary Color

#86f330
```
#86f330 rgb(134,243,48)
```
#3086f3
```
#3086f3 rgb(48,134,243)
```
#f33086
```
#f33086 rgb(243,48,134)
```

Triadic Color

#30f39d
```
#30f39d rgb(48,243,157)
```
#3086f3
```
#3086f3 rgb(48,134,243)
```
#f33086
```
#f33086 rgb(243,48,134)
```
#f39d30
```
#f39d30 rgb(243,157,48)
```

Tetradic Color

#0c60cb
```
#0c60cb rgb(12,96,203)
```
#0d6be3
```
#0d6be3 rgb(13,107,227)
```
#1878f2
```
#1878f2 rgb(24,120,242)
```
#3086f3
```
#3086f3 rgb(48,134,243)
```
#4894f4
```
#4894f4 rgb(72,148,244)
```
#60a2f6
```
#60a2f6 rgb(96,162,246)
```
#78b0f7
```
#78b0f7 rgb(120,176,247)
```

Monochromatic Color

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

#30b7f3
```
#30b7f3 rgb(48,183,243)
```
#30a7f3
```
#30a7f3 rgb(48,167,243)
```
#3096f3
```
#3096f3 rgb(48,150,243)
```
#3086f3
```
#3086f3 rgb(48,134,243)
```
#3076f3
```
#3076f3 rgb(48,118,243)
```
#3066f3
```
#3066f3 rgb(48,102,243)
```
#3055f3
```
#3055f3 rgb(48,85,243)
```

Similar Colors

Text with hexadecimal color #3086f3

This text has a font color of #3086f3.

<span style="color:#3086f3;">Text here</span>

#3086f3 background color

This paragraph has a background color of #3086f3.

<p style="background-color:#3086f3;">Content here</p>

#3086f3 border color

This element has a border color of #3086f3.

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

CSS codes

.text {color:#3086f3;}

.background {background-color:#3086f3;}

.border {border:1px solid #3086f3;}

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, #01070f is the darkest color, while #fcfdff is the lightest one.

#01070f
```
#01070f rgb(1,7,15)
```
#021022
```
#021022 rgb(2,16,34)
```
#031935
```
#031935 rgb(3,25,53)
```
#042247
```
#042247 rgb(4,34,71)
```
#052a5a
```
#052a5a rgb(5,42,90)
```
#06336c
```
#06336c rgb(6,51,108)
```
#073c7f
```
#073c7f rgb(7,60,127)
```
#084591
```
#084591 rgb(8,69,145)
```
#094ea4
```
#094ea4 rgb(9,78,164)
```
#0b56b6
```
#0b56b6 rgb(11,86,182)
```
#0c5fc9
```
#0c5fc9 rgb(12,95,201)
```
#0d68db
```
#0d68db rgb(13,104,219)
```
#0e71ee
```
#0e71ee rgb(14,113,238)
```

Shade Color Variation

#1d7bf2
```
#1d7bf2 rgb(29,123,242)
```
#3086f3
```
#3086f3 rgb(48,134,243)
```
#4391f4
```
#4391f4 rgb(67,145,244)
```
#559cf5
```
#559cf5 rgb(85,156,245)
```
#68a7f6
```
#68a7f6 rgb(104,167,246)
```
#7ab1f7
```
#7ab1f7 rgb(122,177,247)
```
#8dbcf8
```
#8dbcf8 rgb(141,188,248)
```
#9fc7f9
```
#9fc7f9 rgb(159,199,249)
```
#b2d2fb
```
#b2d2fb rgb(178,210,251)
```
#c4ddfc
```
#c4ddfc rgb(196,221,252)
```
#d7e8fd
```
#d7e8fd rgb(215,232,253)
```
#e9f2fe
```
#e9f2fe rgb(233,242,254)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d9196 is the less saturated color, while #2885fb is the most saturated one.

#8d9196
```
#8d9196 rgb(141,145,150)
```
#84909f
```
#84909f rgb(132,144,159)
```
#7c8fa7
```
#7c8fa7 rgb(124,143,167)
```
#738eb0
```
#738eb0 rgb(115,142,176)
```
#6b8db8
```
#6b8db8 rgb(107,141,184)
```
#638cc0
```
#638cc0 rgb(99,140,192)
```
#5a8bc9
```
#5a8bc9 rgb(90,139,201)
```
#528ad1
```
#528ad1 rgb(82,138,209)
```
#4989da
```
#4989da rgb(73,137,218)
```
#4188e2
```
#4188e2 rgb(65,136,226)
```
#3887eb
```
#3887eb rgb(56,135,235)
```
#3086f3
```
#3086f3 rgb(48,134,243)
```
#2885fb
```
#2885fb rgb(40,133,251)
```

Tone Color Variation

Below, you can see how #3086f3 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

#797979 Achromatopsia 0.005% of the population
#6a7c91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5589f1 Protanopia 1% of men
#008fee Deuteranopia 1% of men
#009aa4 Tritanopia 0.001% of the population

Trichromacy

#4788f1 Protanomaly 1% of men, 0.01% of women
#118cf0 Deuteranomaly 6% of men, 0.4% of women
#1193c1 Tritanomaly 0.01% of the population

#3086f3 hex color

#3086f3 Color Information

#3086f3 Color Conversion

Color Schemes with #3086f3

Alternatives to #3086f3

#3086f3 Preview

Shades and Tints of #3086f3

Tones of #3086f3

Color Blindness Simulator