#3286aa hex color

In a RGB color space, hex #3286aa is composed of 19.6% red, 52.5% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 70.6% cyan, 21.2% magenta, 0% yellow and 33.3% black. It has a hue angle of 198 degrees, a saturation of 54.5% and a lightness of 43.1%. #3286aa color hex could be obtained by blending #64ffff with #000d55. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 20
- G 53
- B 67
RGB color chart
- C 71
- M 21
- Y 0
- K 33
CMYK color chart

● #3286aa color description : Dark blue.

The hexadecimal color #3286aa has RGB values of R:50, G:134, B:170 and CMYK values of C:0.71, M:0.21, Y:0, K:0.33. Its decimal value is 3311274.

Hex triplet	3286aa	`#3286aa`
RGB Decimal	50, 134, 170	`rgb(50,134,170)`
RGB Percent	19.6, 52.5, 66.7	`rgb(19.6%,52.5%,66.7%)`
CMYK	71, 21, 0, 33
HSL	198°, 54.5, 43.1	`hsl(198,54.5%,43.1%)`
HSV (or HSB)	198°, 70.6, 66.7
Web Safe	339999	`#339999`

CIE-LAB	52.541, -13.203, -26.377
XYZ	17.094, 20.629, 41.109
xyY	0.217, 0.262, 20.629
CIE-LCH	52.541, 29.497, 243.409
CIE-LUV	52.541, -31.312, -37.993
Hunter-Lab	45.419, -12.302, -21.87
Binary	00110010, 10000110, 10101010

#3286aa
```
#3286aa rgb(50,134,170)
```
#aa5632
```
#aa5632 rgb(170,86,50)
```

Complementary Color

#32aa92
```
#32aa92 rgb(50,170,146)
```
#3286aa
```
#3286aa rgb(50,134,170)
```
#324aaa
```
#324aaa rgb(50,74,170)
```

Analogous Color

#aa9232
```
#aa9232 rgb(170,146,50)
```
#3286aa
```
#3286aa rgb(50,134,170)
```
#aa324a
```
#aa324a rgb(170,50,74)
```

Split Complementary Color

#86aa32
```
#86aa32 rgb(134,170,50)
```
#3286aa
```
#3286aa rgb(50,134,170)
```
#aa3286
```
#aa3286 rgb(170,50,134)
```

Triadic Color

#32aa56
```
#32aa56 rgb(50,170,86)
```
#3286aa
```
#3286aa rgb(50,134,170)
```
#aa3286
```
#aa3286 rgb(170,50,134)
```
#aa5632
```
#aa5632 rgb(170,86,50)
```

Tetradic Color

#21576f
```
#21576f rgb(33,87,111)
```
#266783
```
#266783 rgb(38,103,131)
```
#2c7696
```
#2c7696 rgb(44,118,150)
```
#3286aa
```
#3286aa rgb(50,134,170)
```
#3896be
```
#3896be rgb(56,150,190)
```
#46a2c9
```
#46a2c9 rgb(70,162,201)
```
#5aacce
```
#5aacce rgb(90,172,206)
```

Monochromatic Color

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

#32a4aa
```
#32a4aa rgb(50,164,170)
```
#329aaa
```
#329aaa rgb(50,154,170)
```
#3290aa
```
#3290aa rgb(50,144,170)
```
#3286aa
```
#3286aa rgb(50,134,170)
```
#327caa
```
#327caa rgb(50,124,170)
```
#3272aa
```
#3272aa rgb(50,114,170)
```
#3268aa
```
#3268aa rgb(50,104,170)
```

Similar Colors

Text with hexadecimal color #3286aa

This text has a font color of #3286aa.

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

#3286aa background color

This paragraph has a background color of #3286aa.

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

#3286aa border color

This element has a border color of #3286aa.

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

CSS codes

.text {color:#3286aa;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#050f12
```
#050f12 rgb(5,15,18)
```
#0a1a22
```
#0a1a22 rgb(10,26,34)
```
#0e2631
```
#0e2631 rgb(14,38,49)
```
#133240
```
#133240 rgb(19,50,64)
```
#173e4f
```
#173e4f rgb(23,62,79)
```
#1c4a5e
```
#1c4a5e rgb(28,74,94)
```
#20566d
```
#20566d rgb(32,86,109)
```
#25627d
```
#25627d rgb(37,98,125)
```
#296e8c
```
#296e8c rgb(41,110,140)
```
#2e7a9b
```
#2e7a9b rgb(46,122,155)
```
#3286aa
```
#3286aa rgb(50,134,170)
```
#3692b9
```
#3692b9 rgb(54,146,185)
```

Shade Color Variation

#3d9dc6
```
#3d9dc6 rgb(61,157,198)
```
#4ca5ca
```
#4ca5ca rgb(76,165,202)
```
#5caccf
```
#5caccf rgb(92,172,207)
```
#6bb4d3
```
#6bb4d3 rgb(107,180,211)
```
#7abcd8
```
#7abcd8 rgb(122,188,216)
```
#89c3dc
```
#89c3dc rgb(137,195,220)
```
#98cbe1
```
#98cbe1 rgb(152,203,225)
```
#a7d3e5
```
#a7d3e5 rgb(167,211,229)
```
#b6daea
```
#b6daea rgb(182,218,234)
```
#c6e2ee
```
#c6e2ee rgb(198,226,238)
```
#d5eaf3
```
#d5eaf3 rgb(213,234,243)
```
#e4f1f7
```
#e4f1f7 rgb(228,241,247)
```
#f3f9fc
```
#f3f9fc rgb(243,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d6e6f is the less saturated color, while #0897d4 is the most saturated one.

#6d6e6f
```
#6d6e6f rgb(109,110,111)
```
#657277
```
#657277 rgb(101,114,119)
```
#5c7580
```
#5c7580 rgb(92,117,128)
```
#547888
```
#547888 rgb(84,120,136)
```
#4b7c91
```
#4b7c91 rgb(75,124,145)
```
#437f99
```
#437f99 rgb(67,127,153)
```
#3a83a2
```
#3a83a2 rgb(58,131,162)
```
#3286aa
```
#3286aa rgb(50,134,170)
```
#2a89b2
```
#2a89b2 rgb(42,137,178)
```
#218dbb
```
#218dbb rgb(33,141,187)
```
#1990c3
```
#1990c3 rgb(25,144,195)
```
#1094cc
```
#1094cc rgb(16,148,204)
```
#0897d4
```
#0897d4 rgb(8,151,212)
```

Tone Color Variation

Below, you can see how #3286aa 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
#64757c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7982a7 Protanopia 1% of men
#7382b2 Deuteranopia 1% of men
#2b909a Tritanopia 0.001% of the population

Trichromacy

#5f83a8 Protanomaly 1% of men, 0.01% of women
#5b83af Deuteranomaly 6% of men, 0.4% of women
#2d8ca0 Tritanomaly 0.01% of the population

#3286aa hex color

#3286aa Color Information

#3286aa Color Conversion

Color Schemes with #3286aa

Alternatives to #3286aa

#3286aa Preview

Shades and Tints of #3286aa

Tones of #3286aa

Color Blindness Simulator