#3284af hex color

In a RGB color space, hex #3284af is composed of 19.6% red, 51.8% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 24.6% magenta, 0% yellow and 31.4% black. It has a hue angle of 200.6 degrees, a saturation of 55.6% and a lightness of 44.1%. #3284af color hex could be obtained by blending #64ffff with #00095f. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 20
- G 52
- B 69
RGB color chart
- C 71
- M 25
- Y 0
- K 31
CMYK color chart

● #3284af color description : Dark blue.

The hexadecimal color #3284af has RGB values of R:50, G:132, B:175 and CMYK values of C:0.71, M:0.25, Y:0, K:0.31. Its decimal value is 3310767.

Hex triplet	3284af	`#3284af`
RGB Decimal	50, 132, 175	`rgb(50,132,175)`
RGB Percent	19.6, 51.8, 68.6	`rgb(19.6%,51.8%,68.6%)`
CMYK	71, 25, 0, 31
HSL	200.6°, 55.6, 44.1	`hsl(200.6,55.6%,44.1%)`
HSV (or HSB)	200.6°, 71.4, 68.6
Web Safe	339999	`#339999`

CIE-LAB	52.146, -10.358, -29.872
XYZ	17.303, 20.274, 43.557
xyY	0.213, 0.25, 20.274
CIE-LCH	52.146, 31.617, 250.876
CIE-LUV	52.146, -30.336, -43.875
Hunter-Lab	45.027, -10.205, -25.835
Binary	00110010, 10000100, 10101111

#3284af
```
#3284af rgb(50,132,175)
```
#af5d32
```
#af5d32 rgb(175,93,50)
```

Complementary Color

#32af9c
```
#32af9c rgb(50,175,156)
```
#3284af
```
#3284af rgb(50,132,175)
```
#3246af
```
#3246af rgb(50,70,175)
```

Analogous Color

#af9c32
```
#af9c32 rgb(175,156,50)
```
#3284af
```
#3284af rgb(50,132,175)
```
#af3246
```
#af3246 rgb(175,50,70)
```

Split Complementary Color

#84af32
```
#84af32 rgb(132,175,50)
```
#3284af
```
#3284af rgb(50,132,175)
```
#af3284
```
#af3284 rgb(175,50,132)
```

Triadic Color

#32af5d
```
#32af5d rgb(50,175,93)
```
#3284af
```
#3284af rgb(50,132,175)
```
#af3284
```
#af3284 rgb(175,50,132)
```
#af5d32
```
#af5d32 rgb(175,93,50)
```

Tetradic Color

#215774
```
#215774 rgb(33,87,116)
```
#276687
```
#276687 rgb(39,102,135)
```
#2c759b
```
#2c759b rgb(44,117,155)
```
#3284af
```
#3284af rgb(50,132,175)
```
#3893c3
```
#3893c3 rgb(56,147,195)
```
#499ecb
```
#499ecb rgb(73,158,203)
```
#5da9d1
```
#5da9d1 rgb(93,169,209)
```

Monochromatic Color

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

#32a3af
```
#32a3af rgb(50,163,175)
```
#3299af
```
#3299af rgb(50,153,175)
```
#328eaf
```
#328eaf rgb(50,142,175)
```
#3284af
```
#3284af rgb(50,132,175)
```
#327aaf
```
#327aaf rgb(50,122,175)
```
#326faf
```
#326faf rgb(50,111,175)
```
#3265af
```
#3265af rgb(50,101,175)
```

Similar Colors

Text with hexadecimal color #3284af

This text has a font color of #3284af.

<span style="color:#3284af;">Text here</span>

#3284af background color

This paragraph has a background color of #3284af.

<p style="background-color:#3284af;">Content here</p>

#3284af border color

This element has a border color of #3284af.

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

CSS codes

.text {color:#3284af;}

.background {background-color:#3284af;}

.border {border:1px solid #3284af;}

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

#020507
```
#020507 rgb(2,5,7)
```
#061116
```
#061116 rgb(6,17,22)
```
#0b1c26
```
#0b1c26 rgb(11,28,38)
```
#0f2835
```
#0f2835 rgb(15,40,53)
```
#133344
```
#133344 rgb(19,51,68)
```
#183f53
```
#183f53 rgb(24,63,83)
```
#1c4a63
```
#1c4a63 rgb(28,74,99)
```
#215672
```
#215672 rgb(33,86,114)
```
#256181
```
#256181 rgb(37,97,129)
```
#296d90
```
#296d90 rgb(41,109,144)
```
#2e78a0
```
#2e78a0 rgb(46,120,160)
```
#3284af
```
#3284af rgb(50,132,175)
```
#3690be
```
#3690be rgb(54,144,190)
```

Shade Color Variation

#4099c8
```
#4099c8 rgb(64,153,200)
```
#4fa2cd
```
#4fa2cd rgb(79,162,205)
```
#5eaad1
```
#5eaad1 rgb(94,170,209)
```
#6eb2d5
```
#6eb2d5 rgb(110,178,213)
```
#7dbada
```
#7dbada rgb(125,186,218)
```
#8cc2de
```
#8cc2de rgb(140,194,222)
```
#9bcae3
```
#9bcae3 rgb(155,202,227)
```
#abd2e7
```
#abd2e7 rgb(171,210,231)
```
#badaeb
```
#badaeb rgb(186,218,235)
```
#c9e2f0
```
#c9e2f0 rgb(201,226,240)
```
#d8eaf4
```
#d8eaf4 rgb(216,234,244)
```
#e8f3f8
```
#e8f3f8 rgb(232,243,248)
```
#f7fbfd
```
#f7fbfd rgb(247,251,253)
```

Tint Color Variation

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

#6f7172
```
#6f7172 rgb(111,113,114)
```
#66747b
```
#66747b rgb(102,116,123)
```
#5d7784
```
#5d7784 rgb(93,119,132)
```
#55798c
```
#55798c rgb(85,121,140)
```
#4c7c95
```
#4c7c95 rgb(76,124,149)
```
#437f9e
```
#437f9e rgb(67,127,158)
```
#3b81a6
```
#3b81a6 rgb(59,129,166)
```
#3284af
```
#3284af rgb(50,132,175)
```
#2987b8
```
#2987b8 rgb(41,135,184)
```
#2189c0
```
#2189c0 rgb(33,137,192)
```
#188cc9
```
#188cc9 rgb(24,140,201)
```
#0f8fd2
```
#0f8fd2 rgb(15,143,210)
```
#0792da
```
#0792da rgb(7,146,218)
```

Tone Color Variation

Below, you can see how #3284af 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

#707070 Achromatopsia 0.005% of the population
#64747d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7581ad Protanopia 1% of men
#6d82b6 Deuteranopia 1% of men
#238f99 Tritanopia 0.001% of the population

Trichromacy

#5d82ad Protanomaly 1% of men, 0.01% of women
#5782b3 Deuteranomaly 6% of men, 0.4% of women
#288ba1 Tritanomaly 0.01% of the population

#3284af hex color

#3284af Color Information

#3284af Color Conversion

Color Schemes with #3284af

Alternatives to #3284af

#3284af Preview

Shades and Tints of #3284af

Tones of #3284af

Color Blindness Simulator