#3286bc hex color

In a RGB color space, hex #3286bc is composed of 19.6% red, 52.5% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 73.4% cyan, 28.7% magenta, 0% yellow and 26.3% black. It has a hue angle of 203.5 degrees, a saturation of 58% and a lightness of 46.7%. #3286bc color hex could be obtained by blending #64ffff with #000d79. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 20
- G 53
- B 74
RGB color chart
- C 73
- M 29
- Y 0
- K 26
CMYK color chart

● #3286bc color description : Moderate blue.

The hexadecimal color #3286bc has RGB values of R:50, G:134, B:188 and CMYK values of C:0.73, M:0.29, Y:0, K:0.26. Its decimal value is 3311292.

Hex triplet	3286bc	`#3286bc`
RGB Decimal	50, 134, 188	`rgb(50,134,188)`
RGB Percent	19.6, 52.5, 73.7	`rgb(19.6%,52.5%,73.7%)`
CMYK	73, 29, 0, 26
HSL	203.5°, 58, 46.7	`hsl(203.5,58%,46.7%)`
HSV (or HSB)	203.5°, 73.4, 73.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	53.339, -6.955, -35.467
XYZ	18.915, 21.358, 50.7
xyY	0.208, 0.235, 21.358
CIE-LCH	53.339, 36.143, 258.906
CIE-LUV	53.339, -30.414, -53.499
Hunter-Lab	46.214, -7.816, -32.695
Binary	00110010, 10000110, 10111100

#3286bc
```
#3286bc rgb(50,134,188)
```
#bc6832
```
#bc6832 rgb(188,104,50)
```

Complementary Color

#32bcad
```
#32bcad rgb(50,188,173)
```
#3286bc
```
#3286bc rgb(50,134,188)
```
#3241bc
```
#3241bc rgb(50,65,188)
```

Analogous Color

#bcad32
```
#bcad32 rgb(188,173,50)
```
#3286bc
```
#3286bc rgb(50,134,188)
```
#bc3241
```
#bc3241 rgb(188,50,65)
```

Split Complementary Color

#86bc32
```
#86bc32 rgb(134,188,50)
```
#3286bc
```
#3286bc rgb(50,134,188)
```
#bc3286
```
#bc3286 rgb(188,50,134)
```

Triadic Color

#32bc68
```
#32bc68 rgb(50,188,104)
```
#3286bc
```
#3286bc rgb(50,134,188)
```
#bc3286
```
#bc3286 rgb(188,50,134)
```
#bc6832
```
#bc6832 rgb(188,104,50)
```

Tetradic Color

#225b80
```
#225b80 rgb(34,91,128)
```
#276994
```
#276994 rgb(39,105,148)
```
#2d78a8
```
#2d78a8 rgb(45,120,168)
```
#3286bc
```
#3286bc rgb(50,134,188)
```
#3c93cb
```
#3c93cb rgb(60,147,203)
```
#509ed1
```
#509ed1 rgb(80,158,209)
```
#65aad6
```
#65aad6 rgb(101,170,214)
```

Monochromatic Color

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

#32a9bc
```
#32a9bc rgb(50,169,188)
```
#329dbc
```
#329dbc rgb(50,157,188)
```
#3292bc
```
#3292bc rgb(50,146,188)
```
#3286bc
```
#3286bc rgb(50,134,188)
```
#327bbc
```
#327bbc rgb(50,123,188)
```
#326fbc
```
#326fbc rgb(50,111,188)
```
#3264bc
```
#3264bc rgb(50,100,188)
```

Similar Colors

Text with hexadecimal color #3286bc

This text has a font color of #3286bc.

<span style="color:#3286bc;">Text here</span>

#3286bc background color

This paragraph has a background color of #3286bc.

<p style="background-color:#3286bc;">Content here</p>

#3286bc border color

This element has a border color of #3286bc.

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

CSS codes

.text {color:#3286bc;}

.background {background-color:#3286bc;}

.border {border:1px solid #3286bc;}

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

#010102
```
#010102 rgb(1,1,2)
```
#050d12
```
#050d12 rgb(5,13,18)
```
#091821
```
#091821 rgb(9,24,33)
```
#0d2331
```
#0d2331 rgb(13,35,49)
```
#112e40
```
#112e40 rgb(17,46,64)
```
#153950
```
#153950 rgb(21,57,80)
```
#19445f
```
#19445f rgb(25,68,95)
```
#1d4f6f
```
#1d4f6f rgb(29,79,111)
```
#225a7e
```
#225a7e rgb(34,90,126)
```
#26658e
```
#26658e rgb(38,101,142)
```
#2a709d
```
#2a709d rgb(42,112,157)
```
#2e7bad
```
#2e7bad rgb(46,123,173)
```
#3286bc
```
#3286bc rgb(50,134,188)
```

Shade Color Variation

#3891ca
```
#3891ca rgb(56,145,202)
```
#4799ce
```
#4799ce rgb(71,153,206)
```
#57a2d2
```
#57a2d2 rgb(87,162,210)
```
#66aad6
```
#66aad6 rgb(102,170,214)
```
#76b3da
```
#76b3da rgb(118,179,218)
```
#85bcdf
```
#85bcdf rgb(133,188,223)
```
#95c4e3
```
#95c4e3 rgb(149,196,227)
```
#a4cde7
```
#a4cde7 rgb(164,205,231)
```
#b4d5eb
```
#b4d5eb rgb(180,213,235)
```
#c3deef
```
#c3deef rgb(195,222,239)
```
#d3e6f3
```
#d3e6f3 rgb(211,230,243)
```
#e2eff7
```
#e2eff7 rgb(226,239,247)
```
#f2f8fb
```
#f2f8fb rgb(242,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #72787c is the less saturated color, while #0490ea is the most saturated one.

#72787c
```
#72787c rgb(114,120,124)
```
#697a85
```
#697a85 rgb(105,122,133)
```
#607c8e
```
#607c8e rgb(96,124,142)
```
#577e97
```
#577e97 rgb(87,126,151)
```
#4d80a1
```
#4d80a1 rgb(77,128,161)
```
#4482aa
```
#4482aa rgb(68,130,170)
```
#3b84b3
```
#3b84b3 rgb(59,132,179)
```
#3286bc
```
#3286bc rgb(50,134,188)
```
#2988c5
```
#2988c5 rgb(41,136,197)
```
#208ace
```
#208ace rgb(32,138,206)
```
#178cd7
```
#178cd7 rgb(23,140,215)
```
#0d8ee1
```
#0d8ee1 rgb(13,142,225)
```
#0490ea
```
#0490ea rgb(4,144,234)
```

Tone Color Variation

Below, you can see how #3286bc 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

#737373 Achromatopsia 0.005% of the population
#667782 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7384b9 Protanopia 1% of men
#6785c2 Deuteranopia 1% of men
#00939d Tritanopia 0.001% of the population

Trichromacy

#5b84ba Protanomaly 1% of men, 0.01% of women
#5485bf Deuteranomaly 6% of men, 0.4% of women
#128ea8 Tritanomaly 0.01% of the population

#3286bc hex color

#3286bc Color Information

#3286bc Color Conversion

Color Schemes with #3286bc

Alternatives to #3286bc

#3286bc Preview

Shades and Tints of #3286bc

Tones of #3286bc

Color Blindness Simulator