#3283bc hex color

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

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

● #3283bc color description : Moderate blue.

The hexadecimal color #3283bc has RGB values of R:50, G:131, B:188 and CMYK values of C:0.73, M:0.3, Y:0, K:0.26. Its decimal value is 3310524.

Hex triplet	3283bc	`#3283bc`
RGB Decimal	50, 131, 188	`rgb(50,131,188)`
RGB Percent	19.6, 51.4, 73.7	`rgb(19.6%,51.4%,73.7%)`
CMYK	73, 30, 0, 26
HSL	204.8°, 58, 46.7	`hsl(204.8,58%,46.7%)`
HSV (or HSB)	204.8°, 73.4, 73.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	52.442, -5.21, -36.874
XYZ	18.507, 20.54, 50.563
xyY	0.207, 0.229, 20.54
CIE-LCH	52.442, 37.24, 261.958
CIE-LUV	52.442, -29.363, -55.794
Hunter-Lab	45.321, -6.423, -34.423
Binary	00110010, 10000011, 10111100

#3283bc
```
#3283bc rgb(50,131,188)
```
#bc6b32
```
#bc6b32 rgb(188,107,50)
```

Complementary Color

#32bcb0
```
#32bcb0 rgb(50,188,176)
```
#3283bc
```
#3283bc rgb(50,131,188)
```
#323ebc
```
#323ebc rgb(50,62,188)
```

Analogous Color

#bcb032
```
#bcb032 rgb(188,176,50)
```
#3283bc
```
#3283bc rgb(50,131,188)
```
#bc323e
```
#bc323e rgb(188,50,62)
```

Split Complementary Color

#83bc32
```
#83bc32 rgb(131,188,50)
```
#3283bc
```
#3283bc rgb(50,131,188)
```
#bc3283
```
#bc3283 rgb(188,50,131)
```

Triadic Color

#32bc6b
```
#32bc6b rgb(50,188,107)
```
#3283bc
```
#3283bc rgb(50,131,188)
```
#bc3283
```
#bc3283 rgb(188,50,131)
```
#bc6b32
```
#bc6b32 rgb(188,107,50)
```

Tetradic Color

#225980
```
#225980 rgb(34,89,128)
```
#276794
```
#276794 rgb(39,103,148)
```
#2d75a8
```
#2d75a8 rgb(45,117,168)
```
#3283bc
```
#3283bc rgb(50,131,188)
```
#3c90cb
```
#3c90cb rgb(60,144,203)
```
#509cd1
```
#509cd1 rgb(80,156,209)
```
#65a7d6
```
#65a7d6 rgb(101,167,214)
```

Monochromatic Color

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

#32a6bc
```
#32a6bc rgb(50,166,188)
```
#329abc
```
#329abc rgb(50,154,188)
```
#328fbc
```
#328fbc rgb(50,143,188)
```
#3283bc
```
#3283bc rgb(50,131,188)
```
#3278bc
```
#3278bc rgb(50,120,188)
```
#326cbc
```
#326cbc rgb(50,108,188)
```
#3260bc
```
#3260bc rgb(50,96,188)
```

Similar Colors

Text with hexadecimal color #3283bc

This text has a font color of #3283bc.

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

#3283bc background color

This paragraph has a background color of #3283bc.

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

#3283bc border color

This element has a border color of #3283bc.

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

CSS codes

.text {color:#3283bc;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#050c12
```
#050c12 rgb(5,12,18)
```
#091721
```
#091721 rgb(9,23,33)
```
#0d2231
```
#0d2231 rgb(13,34,49)
```
#112d40
```
#112d40 rgb(17,45,64)
```
#153750
```
#153750 rgb(21,55,80)
```
#19425f
```
#19425f rgb(25,66,95)
```
#1d4d6f
```
#1d4d6f rgb(29,77,111)
```
#22587e
```
#22587e rgb(34,88,126)
```
#26638e
```
#26638e rgb(38,99,142)
```
#2a6d9d
```
#2a6d9d rgb(42,109,157)
```
#2e78ad
```
#2e78ad rgb(46,120,173)
```
#3283bc
```
#3283bc rgb(50,131,188)
```

Shade Color Variation

#388eca
```
#388eca rgb(56,142,202)
```
#4796ce
```
#4796ce rgb(71,150,206)
```
#579fd2
```
#579fd2 rgb(87,159,210)
```
#66a8d6
```
#66a8d6 rgb(102,168,214)
```
#76b1da
```
#76b1da rgb(118,177,218)
```
#85badf
```
#85badf rgb(133,186,223)
```
#95c2e3
```
#95c2e3 rgb(149,194,227)
```
#a4cbe7
```
#a4cbe7 rgb(164,203,231)
```
#b4d4eb
```
#b4d4eb rgb(180,212,235)
```
#c3ddef
```
#c3ddef rgb(195,221,239)
```
#d3e6f3
```
#d3e6f3 rgb(211,230,243)
```
#e2eff7
```
#e2eff7 rgb(226,239,247)
```
#f2f7fb
```
#f2f7fb rgb(242,247,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 #048bea is the most saturated one.

#72787c
```
#72787c rgb(114,120,124)
```
#697985
```
#697985 rgb(105,121,133)
```
#607b8e
```
#607b8e rgb(96,123,142)
```
#577d97
```
#577d97 rgb(87,125,151)
```
#4d7ea1
```
#4d7ea1 rgb(77,126,161)
```
#4480aa
```
#4480aa rgb(68,128,170)
```
#3b81b3
```
#3b81b3 rgb(59,129,179)
```
#3283bc
```
#3283bc rgb(50,131,188)
```
#2985c5
```
#2985c5 rgb(41,133,197)
```
#2086ce
```
#2086ce rgb(32,134,206)
```
#1788d7
```
#1788d7 rgb(23,136,215)
```
#0d89e1
```
#0d89e1 rgb(13,137,225)
```
#048bea
```
#048bea rgb(4,139,234)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#647580 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7082b9 Protanopia 1% of men
#6283c1 Deuteranopia 1% of men
#00909b Tritanopia 0.001% of the population

Trichromacy

#5982ba Protanomaly 1% of men, 0.01% of women
#5083bf Deuteranomaly 6% of men, 0.4% of women
#128ba7 Tritanomaly 0.01% of the population

#3283bc hex color

#3283bc Color Information

#3283bc Color Conversion

Color Schemes with #3283bc

Alternatives to #3283bc

#3283bc Preview

Shades and Tints of #3283bc

Tones of #3283bc

Color Blindness Simulator