#3482d4 hex color

In a RGB color space, hex #3482d4 is composed of 20.4% red, 51% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 75.5% cyan, 38.7% magenta, 0% yellow and 16.9% black. It has a hue angle of 210.8 degrees, a saturation of 65% and a lightness of 51.8%. #3482d4 color hex could be obtained by blending #68ffff with #0005a9. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 20
- G 51
- B 83
RGB color chart
- C 75
- M 39
- Y 0
- K 17
CMYK color chart

● #3482d4 color description : Strong blue.

The hexadecimal color #3482d4 has RGB values of R:52, G:130, B:212 and CMYK values of C:0.75, M:0.39, Y:0, K:0.17. Its decimal value is 3441364.

Hex triplet	3482d4	`#3482d4`
RGB Decimal	52, 130, 212	`rgb(52,130,212)`
RGB Percent	20.4, 51, 83.1	`rgb(20.4%,51%,83.1%)`
CMYK	75, 39, 0, 17
HSL	210.8°, 65, 51.8	`hsl(210.8,65%,51.8%)`
HSV (or HSB)	210.8°, 75.5, 83.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	53.435, 4.317, -48.946
XYZ	21.28, 21.447, 65.302
xyY	0.197, 0.199, 21.447
CIE-LCH	53.435, 49.136, 275.04
CIE-LUV	53.435, -27.709, -76.517
Hunter-Lab	46.311, 0.976, -51.186
Binary	00110100, 10000010, 11010100

#3482d4
```
#3482d4 rgb(52,130,212)
```
#d48634
```
#d48634 rgb(212,134,52)
```

Complementary Color

#34d2d4
```
#34d2d4 rgb(52,210,212)
```
#3482d4
```
#3482d4 rgb(52,130,212)
```
#3634d4
```
#3634d4 rgb(54,52,212)
```

Analogous Color

#d2d434
```
#d2d434 rgb(210,212,52)
```
#3482d4
```
#3482d4 rgb(52,130,212)
```
#d43634
```
#d43634 rgb(212,54,52)
```

Split Complementary Color

#82d434
```
#82d434 rgb(130,212,52)
```
#3482d4
```
#3482d4 rgb(52,130,212)
```
#d43482
```
#d43482 rgb(212,52,130)
```

Triadic Color

#34d486
```
#34d486 rgb(52,212,134)
```
#3482d4
```
#3482d4 rgb(52,130,212)
```
#d43482
```
#d43482 rgb(212,52,130)
```
#d48634
```
#d48634 rgb(212,134,52)
```

Tetradic Color

#215c9b
```
#215c9b rgb(33,92,155)
```
#2569b0
```
#2569b0 rgb(37,105,176)
```
#2a75c5
```
#2a75c5 rgb(42,117,197)
```
#3482d4
```
#3482d4 rgb(52,130,212)
```
#498fd8
```
#498fd8 rgb(73,143,216)
```
#5e9cdd
```
#5e9cdd rgb(94,156,221)
```
#73a9e1
```
#73a9e1 rgb(115,169,225)
```

Monochromatic Color

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

#34aad4
```
#34aad4 rgb(52,170,212)
```
#349dd4
```
#349dd4 rgb(52,157,212)
```
#348fd4
```
#348fd4 rgb(52,143,212)
```
#3482d4
```
#3482d4 rgb(52,130,212)
```
#3475d4
```
#3475d4 rgb(52,117,212)
```
#3467d4
```
#3467d4 rgb(52,103,212)
```
#345ad4
```
#345ad4 rgb(52,90,212)
```

Similar Colors

Text with hexadecimal color #3482d4

This text has a font color of #3482d4.

<span style="color:#3482d4;">Text here</span>

#3482d4 background color

This paragraph has a background color of #3482d4.

<p style="background-color:#3482d4;">Content here</p>

#3482d4 border color

This element has a border color of #3482d4.

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

CSS codes

.text {color:#3482d4;}

.background {background-color:#3482d4;}

.border {border:1px solid #3482d4;}

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

#020407
```
#020407 rgb(2,4,7)
```
#050e18
```
#050e18 rgb(5,14,24)
```
#081828
```
#081828 rgb(8,24,40)
```
#0c2138
```
#0c2138 rgb(12,33,56)
```
#0f2b48
```
#0f2b48 rgb(15,43,72)
```
#133558
```
#133558 rgb(19,53,88)
```
#163e69
```
#163e69 rgb(22,62,105)
```
#1a4879
```
#1a4879 rgb(26,72,121)
```
#1d5289
```
#1d5289 rgb(29,82,137)
```
#205b99
```
#205b99 rgb(32,91,153)
```
#2465a9
```
#2465a9 rgb(36,101,169)
```
#276fb9
```
#276fb9 rgb(39,111,185)
```
#2b78ca
```
#2b78ca rgb(43,120,202)
```

Shade Color Variation

#3482d4
```
#3482d4 rgb(52,130,212)
```
#448cd7
```
#448cd7 rgb(68,140,215)
```
#5496db
```
#5496db rgb(84,150,219)
```
#65a0de
```
#65a0de rgb(101,160,222)
```
#75aae2
```
#75aae2 rgb(117,170,226)
```
#85b4e5
```
#85b4e5 rgb(133,180,229)
```
#95bee9
```
#95bee9 rgb(149,190,233)
```
#a5c8ec
```
#a5c8ec rgb(165,200,236)
```
#b5d2ef
```
#b5d2ef rgb(181,210,239)
```
#c6dcf3
```
#c6dcf3 rgb(198,220,243)
```
#d6e6f6
```
#d6e6f6 rgb(214,230,246)
```
#e6f0fa
```
#e6f0fa rgb(230,240,250)
```
#f6fafd
```
#f6fafd rgb(246,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #808488 is the less saturated color, while #0e81fa is the most saturated one.

#808488
```
#808488 rgb(128,132,136)
```
#768492
```
#768492 rgb(118,132,146)
```
#6d839b
```
#6d839b rgb(109,131,155)
```
#6383a5
```
#6383a5 rgb(99,131,165)
```
#5a83ae
```
#5a83ae rgb(90,131,174)
```
#5083b8
```
#5083b8 rgb(80,131,184)
```
#4782c1
```
#4782c1 rgb(71,130,193)
```
#3d82cb
```
#3d82cb rgb(61,130,203)
```
#3482d4
```
#3482d4 rgb(52,130,212)
```
#2b82dd
```
#2b82dd rgb(43,130,221)
```
#2182e7
```
#2182e7 rgb(33,130,231)
```
#1881f0
```
#1881f0 rgb(24,129,240)
```
#0e81fa
```
#0e81fa rgb(14,129,250)
```

Tone Color Variation

Below, you can see how #3482d4 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

#747474 Achromatopsia 0.005% of the population
#677787 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6383d2 Protanopia 1% of men
#4887d6 Deuteranopia 1% of men
#00939d Tritanopia 0.001% of the population

Trichromacy

#5283d2 Protanomaly 1% of men, 0.01% of women
#4085d5 Deuteranomaly 6% of men, 0.4% of women
#128db1 Tritanomaly 0.01% of the population

#3482d4 hex color

#3482d4 Color Information

#3482d4 Color Conversion

Color Schemes with #3482d4

Alternatives to #3482d4

#3482d4 Preview

Shades and Tints of #3482d4

Tones of #3482d4

Color Blindness Simulator