#3493cc hex color

In a RGB color space, hex #3493cc is composed of 20.4% red, 57.6% green and 80% blue. Whereas in a CMYK color space, it is composed of 74.5% cyan, 27.9% magenta, 0% yellow and 20% black. It has a hue angle of 202.5 degrees, a saturation of 59.8% and a lightness of 50.2%. #3493cc color hex could be obtained by blending #68ffff with #002799. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 20
- G 58
- B 80
RGB color chart
- C 75
- M 28
- Y 0
- K 20
CMYK color chart

● #3493cc color description : Moderate blue.

The hexadecimal color #3493cc has RGB values of R:52, G:147, B:204 and CMYK values of C:0.75, M:0.28, Y:0, K:0.2. Its decimal value is 3445708.

Hex triplet	3493cc	`#3493cc`
RGB Decimal	52, 147, 204	`rgb(52,147,204)`
RGB Percent	20.4, 57.6, 80	`rgb(20.4%,57.6%,80%)`
CMYK	75, 28, 0, 20
HSL	202.5°, 59.8, 50.2	`hsl(202.5,59.8%,50.2%)`
HSV (or HSB)	202.5°, 74.5, 80
Web Safe	3399cc	`#3399cc`

CIE-LAB	57.995, -8.514, -37.239
XYZ	22.746, 25.955, 60.934
xyY	0.207, 0.237, 25.955
CIE-LCH	57.995, 38.2, 257.121
CIE-LUV	57.995, -33.846, -57.039
Hunter-Lab	50.946, -9.46, -35.252
Binary	00110100, 10010011, 11001100

#3493cc
```
#3493cc rgb(52,147,204)
```
#cc6d34
```
#cc6d34 rgb(204,109,52)
```

Complementary Color

#34ccb9
```
#34ccb9 rgb(52,204,185)
```
#3493cc
```
#3493cc rgb(52,147,204)
```
#3447cc
```
#3447cc rgb(52,71,204)
```

Analogous Color

#ccb934
```
#ccb934 rgb(204,185,52)
```
#3493cc
```
#3493cc rgb(52,147,204)
```
#cc3447
```
#cc3447 rgb(204,52,71)
```

Split Complementary Color

#93cc34
```
#93cc34 rgb(147,204,52)
```
#3493cc
```
#3493cc rgb(52,147,204)
```
#cc3493
```
#cc3493 rgb(204,52,147)
```

Triadic Color

#34cc6d
```
#34cc6d rgb(52,204,109)
```
#3493cc
```
#3493cc rgb(52,147,204)
```
#cc3493
```
#cc3493 rgb(204,52,147)
```
#cc6d34
```
#cc6d34 rgb(204,109,52)
```

Tetradic Color

#24678f
```
#24678f rgb(36,103,143)
```
#2976a4
```
#2976a4 rgb(41,118,164)
```
#2e84b8
```
#2e84b8 rgb(46,132,184)
```
#3493cc
```
#3493cc rgb(52,147,204)
```
#489ed1
```
#489ed1 rgb(72,158,209)
```
#5da9d6
```
#5da9d6 rgb(93,169,214)
```
#71b4db
```
#71b4db rgb(113,180,219)
```

Monochromatic Color

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

#34b9cc
```
#34b9cc rgb(52,185,204)
```
#34accc
```
#34accc rgb(52,172,204)
```
#34a0cc
```
#34a0cc rgb(52,160,204)
```
#3493cc
```
#3493cc rgb(52,147,204)
```
#3486cc
```
#3486cc rgb(52,134,204)
```
#347acc
```
#347acc rgb(52,122,204)
```
#346dcc
```
#346dcc rgb(52,109,204)
```

Similar Colors

Text with hexadecimal color #3493cc

This text has a font color of #3493cc.

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

#3493cc background color

This paragraph has a background color of #3493cc.

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

#3493cc border color

This element has a border color of #3493cc.

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

CSS codes

.text {color:#3493cc;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040c10
```
#040c10 rgb(4,12,16)
```
#081720
```
#081720 rgb(8,23,32)
```
#0c2230
```
#0c2230 rgb(12,34,48)
```
#102e40
```
#102e40 rgb(16,46,64)
```
#14394f
```
#14394f rgb(20,57,79)
```
#18445f
```
#18445f rgb(24,68,95)
```
#1c4f6f
```
#1c4f6f rgb(28,79,111)
```
#205b7e
```
#205b7e rgb(32,91,126)
```
#24668e
```
#24668e rgb(36,102,142)
```
#28719e
```
#28719e rgb(40,113,158)
```
#2c7dad
```
#2c7dad rgb(44,125,173)
```
#2f88bd
```
#2f88bd rgb(47,136,189)
```

Shade Color Variation

#3493cc
```
#3493cc rgb(52,147,204)
```
#449bd0
```
#449bd0 rgb(68,155,208)
```
#53a4d4
```
#53a4d4 rgb(83,164,212)
```
#63acd8
```
#63acd8 rgb(99,172,216)
```
#73b4dc
```
#73b4dc rgb(115,180,220)
```
#82bde0
```
#82bde0 rgb(130,189,224)
```
#92c5e4
```
#92c5e4 rgb(146,197,228)
```
#a2cde8
```
#a2cde8 rgb(162,205,232)
```
#b1d6ec
```
#b1d6ec rgb(177,214,236)
```
#c1deef
```
#c1deef rgb(193,222,239)
```
#d1e6f3
```
#d1e6f3 rgb(209,230,243)
```
#e0eff7
```
#e0eff7 rgb(224,239,247)
```
#f0f7fb
```
#f0f7fb rgb(240,247,251)
```

Tint Color Variation

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

#788288
```
#788288 rgb(120,130,136)
```
#6f8491
```
#6f8491 rgb(111,132,145)
```
#65879b
```
#65879b rgb(101,135,155)
```
#5b89a5
```
#5b89a5 rgb(91,137,165)
```
#518caf
```
#518caf rgb(81,140,175)
```
#488eb8
```
#488eb8 rgb(72,142,184)
```
#3e91c2
```
#3e91c2 rgb(62,145,194)
```
#3493cc
```
#3493cc rgb(52,147,204)
```
#2a95d6
```
#2a95d6 rgb(42,149,214)
```
#2098e0
```
#2098e0 rgb(32,152,224)
```
#179ae9
```
#179ae9 rgb(23,154,233)
```
#0d9df3
```
#0d9df3 rgb(13,157,243)
```
#039ffd
```
#039ffd rgb(3,159,253)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#6e818d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e8fc8 Protanopia 1% of men
#7190d1 Deuteranopia 1% of men
#009fab Tritanopia 0.001% of the population

Trichromacy

#6390c9 Protanomaly 1% of men, 0.01% of women
#5b91cf Deuteranomaly 6% of men, 0.4% of women
#129ab7 Tritanomaly 0.01% of the population

#3493cc hex color

#3493cc Color Information

#3493cc Color Conversion

Color Schemes with #3493cc

Alternatives to #3493cc

#3493cc Preview

Shades and Tints of #3493cc

Tones of #3493cc

Color Blindness Simulator