#3493dd hex color

In a RGB color space, hex #3493dd is composed of 20.4% red, 57.6% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 33.5% magenta, 0% yellow and 13.3% black. It has a hue angle of 206.3 degrees, a saturation of 71.3% and a lightness of 53.5%. #3493dd color hex could be obtained by blending #68ffff with #0027bb. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 20
- G 58
- B 87
RGB color chart
- C 76
- M 33
- Y 0
- K 13
CMYK color chart

● #3493dd color description : Bright blue.

The hexadecimal color #3493dd has RGB values of R:52, G:147, B:221 and CMYK values of C:0.76, M:0.33, Y:0, K:0.13. Its decimal value is 3445725.

Hex triplet	3493dd	`#3493dd`
RGB Decimal	52, 147, 221	`rgb(52,147,221)`
RGB Percent	20.4, 57.6, 86.7	`rgb(20.4%,57.6%,86.7%)`
CMYK	76, 33, 0, 13
HSL	206.3°, 71.3, 53.5	`hsl(206.3,71.3%,53.5%)`
HSV (or HSB)	206.3°, 76.5, 86.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	58.804, -2.506, -45.486
XYZ	24.898, 26.816, 72.266
xyY	0.201, 0.216, 26.816
CIE-LCH	58.804, 45.555, 266.846
CIE-LUV	58.804, -33.008, -71.508
Hunter-Lab	51.784, -4.799, -46.492
Binary	00110100, 10010011, 11011101

#3493dd
```
#3493dd rgb(52,147,221)
```
#dd7e34
```
#dd7e34 rgb(221,126,52)
```

Complementary Color

#34ddd3
```
#34ddd3 rgb(52,221,211)
```
#3493dd
```
#3493dd rgb(52,147,221)
```
#343fdd
```
#343fdd rgb(52,63,221)
```

Analogous Color

#ddd334
```
#ddd334 rgb(221,211,52)
```
#3493dd
```
#3493dd rgb(52,147,221)
```
#dd343f
```
#dd343f rgb(221,52,63)
```

Split Complementary Color

#93dd34
```
#93dd34 rgb(147,221,52)
```
#3493dd
```
#3493dd rgb(52,147,221)
```
#dd3493
```
#dd3493 rgb(221,52,147)
```

Triadic Color

#34dd7e
```
#34dd7e rgb(52,221,126)
```
#3493dd
```
#3493dd rgb(52,147,221)
```
#dd3493
```
#dd3493 rgb(221,52,147)
```
#dd7e34
```
#dd7e34 rgb(221,126,52)
```

Tetradic Color

#1c6ba8
```
#1c6ba8 rgb(28,107,168)
```
#2079be
```
#2079be rgb(32,121,190)
```
#2487d4
```
#2487d4 rgb(36,135,212)
```
#3493dd
```
#3493dd rgb(52,147,221)
```
#4a9fe1
```
#4a9fe1 rgb(74,159,225)
```
#60aae4
```
#60aae4 rgb(96,170,228)
```
#76b6e8
```
#76b6e8 rgb(118,182,232)
```

Monochromatic Color

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

#34bddd
```
#34bddd rgb(52,189,221)
```
#34afdd
```
#34afdd rgb(52,175,221)
```
#34a1dd
```
#34a1dd rgb(52,161,221)
```
#3493dd
```
#3493dd rgb(52,147,221)
```
#3485dd
```
#3485dd rgb(52,133,221)
```
#3477dd
```
#3477dd rgb(52,119,221)
```
#3469dd
```
#3469dd rgb(52,105,221)
```

Similar Colors

Text with hexadecimal color #3493dd

This text has a font color of #3493dd.

<span style="color:#3493dd;">Text here</span>

#3493dd background color

This paragraph has a background color of #3493dd.

<p style="background-color:#3493dd;">Content here</p>

#3493dd border color

This element has a border color of #3493dd.

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

CSS codes

.text {color:#3493dd;}

.background {background-color:#3493dd;}

.border {border:1px solid #3493dd;}

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, #030a0f is the darkest color, while #fefeff is the lightest one.

#030a0f
```
#030a0f rgb(3,10,15)
```
#051420
```
#051420 rgb(5,20,32)
```
#081f31
```
#081f31 rgb(8,31,49)
```
#0b2a42
```
#0b2a42 rgb(11,42,66)
```
#0e3553
```
#0e3553 rgb(14,53,83)
```
#113f63
```
#113f63 rgb(17,63,99)
```
#134a74
```
#134a74 rgb(19,74,116)
```
#165585
```
#165585 rgb(22,85,133)
```
#195f96
```
#195f96 rgb(25,95,150)
```
#1c6aa7
```
#1c6aa7 rgb(28,106,167)
```
#1f75b7
```
#1f75b7 rgb(31,117,183)
```
#227fc8
```
#227fc8 rgb(34,127,200)
```
#248ad9
```
#248ad9 rgb(36,138,217)
```

Shade Color Variation

#3493dd
```
#3493dd rgb(52,147,221)
```
#459ce0
```
#459ce0 rgb(69,156,224)
```
#56a5e3
```
#56a5e3 rgb(86,165,227)
```
#66aee5
```
#66aee5 rgb(102,174,229)
```
#77b7e8
```
#77b7e8 rgb(119,183,232)
```
#88c0eb
```
#88c0eb rgb(136,192,235)
```
#99c9ee
```
#99c9ee rgb(153,201,238)
```
#aad2f1
```
#aad2f1 rgb(170,210,241)
```
#badbf4
```
#badbf4 rgb(186,219,244)
```
#cbe3f6
```
#cbe3f6 rgb(203,227,246)
```
#dcecf9
```
#dcecf9 rgb(220,236,249)
```
#edf5fc
```
#edf5fc rgb(237,245,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #86898b is the less saturated color, while #1996f8 is the most saturated one.

#86898b
```
#86898b rgb(134,137,139)
```
#7d8a94
```
#7d8a94 rgb(125,138,148)
```
#748b9d
```
#748b9d rgb(116,139,157)
```
#6b8ca6
```
#6b8ca6 rgb(107,140,166)
```
#628daf
```
#628daf rgb(98,141,175)
```
#588eb9
```
#588eb9 rgb(88,142,185)
```
#4f90c2
```
#4f90c2 rgb(79,144,194)
```
#4691cb
```
#4691cb rgb(70,145,203)
```
#3d92d4
```
#3d92d4 rgb(61,146,212)
```
#3493dd
```
#3493dd rgb(52,147,221)
```
#2b94e6
```
#2b94e6 rgb(43,148,230)
```
#2295ef
```
#2295ef rgb(34,149,239)
```
#1996f8
```
#1996f8 rgb(25,150,248)
```

Tone Color Variation

Below, you can see how #3493dd 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

#7f7f7f Achromatopsia 0.005% of the population
#708392 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7791d8 Protanopia 1% of men
#6393e0 Deuteranopia 1% of men
#00a1ac Tritanopia 0.001% of the population

Trichromacy

#5f91da Protanomaly 1% of men, 0.01% of women
#5193df Deuteranomaly 6% of men, 0.4% of women
#129cbe Tritanomaly 0.01% of the population

#3493dd hex color

#3493dd Color Information

#3493dd Color Conversion

Color Schemes with #3493dd

Alternatives to #3493dd

#3493dd Preview

Shades and Tints of #3493dd

Tones of #3493dd

Color Blindness Simulator