#3493bf hex color

In a RGB color space, hex #3493bf is composed of 20.4% red, 57.6% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 72.8% cyan, 23% magenta, 0% yellow and 25.1% black. It has a hue angle of 199 degrees, a saturation of 57.2% and a lightness of 47.6%. #3493bf color hex could be obtained by blending #68ffff with #00277f. Closest websafe color is: #3399cc.

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

● #3493bf color description : Moderate blue.

The hexadecimal color #3493bf has RGB values of R:52, G:147, B:191 and CMYK values of C:0.73, M:0.23, Y:0, K:0.25. Its decimal value is 3445695.

Hex triplet	3493bf	`#3493bf`
RGB Decimal	52, 147, 191	`rgb(52,147,191)`
RGB Percent	20.4, 57.6, 74.9	`rgb(20.4%,57.6%,74.9%)`
CMYK	73, 23, 0, 25
HSL	199°, 57.2, 47.6	`hsl(199,57.2%,47.6%)`
HSV (or HSB)	199°, 72.8, 74.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	57.422, -13.001, -30.798
XYZ	21.251, 25.357, 53.062
xyY	0.213, 0.254, 25.357
CIE-LCH	57.422, 33.43, 247.114
CIE-LUV	57.422, -34.532, -45.824
Hunter-Lab	50.356, -12.792, -27.227
Binary	00110100, 10010011, 10111111

#3493bf
```
#3493bf rgb(52,147,191)
```
#bf6034
```
#bf6034 rgb(191,96,52)
```

Complementary Color

#34bfa6
```
#34bfa6 rgb(52,191,166)
```
#3493bf
```
#3493bf rgb(52,147,191)
```
#344dbf
```
#344dbf rgb(52,77,191)
```

Analogous Color

#bfa634
```
#bfa634 rgb(191,166,52)
```
#3493bf
```
#3493bf rgb(52,147,191)
```
#bf344d
```
#bf344d rgb(191,52,77)
```

Split Complementary Color

#93bf34
```
#93bf34 rgb(147,191,52)
```
#3493bf
```
#3493bf rgb(52,147,191)
```
#bf3493
```
#bf3493 rgb(191,52,147)
```

Triadic Color

#34bf60
```
#34bf60 rgb(52,191,96)
```
#3493bf
```
#3493bf rgb(52,147,191)
```
#bf3493
```
#bf3493 rgb(191,52,147)
```
#bf6034
```
#bf6034 rgb(191,96,52)
```

Tetradic Color

#246583
```
#246583 rgb(36,101,131)
```
#297497
```
#297497 rgb(41,116,151)
```
#2f84ab
```
#2f84ab rgb(47,132,171)
```
#3493bf
```
#3493bf rgb(52,147,191)
```
#41a0cb
```
#41a0cb rgb(65,160,203)
```
#55aad1
```
#55aad1 rgb(85,170,209)
```
#69b4d6
```
#69b4d6 rgb(105,180,214)
```

Monochromatic Color

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

#34b6bf
```
#34b6bf rgb(52,182,191)
```
#34aabf
```
#34aabf rgb(52,170,191)
```
#349fbf
```
#349fbf rgb(52,159,191)
```
#3493bf
```
#3493bf rgb(52,147,191)
```
#3487bf
```
#3487bf rgb(52,135,191)
```
#347cbf
```
#347cbf rgb(52,124,191)
```
#3470bf
```
#3470bf rgb(52,112,191)
```

Similar Colors

Text with hexadecimal color #3493bf

This text has a font color of #3493bf.

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

#3493bf background color

This paragraph has a background color of #3493bf.

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

#3493bf border color

This element has a border color of #3493bf.

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

CSS codes

.text {color:#3493bf;}

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

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

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

#020506
```
#020506 rgb(2,5,6)
```
#061015
```
#061015 rgb(6,16,21)
```
#0a1c25
```
#0a1c25 rgb(10,28,37)
```
#0e2834
```
#0e2834 rgb(14,40,52)
```
#123444
```
#123444 rgb(18,52,68)
```
#174053
```
#174053 rgb(23,64,83)
```
#1b4c62
```
#1b4c62 rgb(27,76,98)
```
#1f5872
```
#1f5872 rgb(31,88,114)
```
#236481
```
#236481 rgb(35,100,129)
```
#276f91
```
#276f91 rgb(39,111,145)
```
#2c7ba0
```
#2c7ba0 rgb(44,123,160)
```
#3087b0
```
#3087b0 rgb(48,135,176)
```
#3493bf
```
#3493bf rgb(52,147,191)
```

Shade Color Variation

#3d9dca
```
#3d9dca rgb(61,157,202)
```
#4ca5ce
```
#4ca5ce rgb(76,165,206)
```
#5badd2
```
#5badd2 rgb(91,173,210)
```
#6bb5d7
```
#6bb5d7 rgb(107,181,215)
```
#7abcdb
```
#7abcdb rgb(122,188,219)
```
#8ac4df
```
#8ac4df rgb(138,196,223)
```
#99cce3
```
#99cce3 rgb(153,204,227)
```
#a8d4e7
```
#a8d4e7 rgb(168,212,231)
```
#b8dbec
```
#b8dbec rgb(184,219,236)
```
#c7e3f0
```
#c7e3f0 rgb(199,227,240)
```
#d7ebf4
```
#d7ebf4 rgb(215,235,244)
```
#e6f3f8
```
#e6f3f8 rgb(230,243,248)
```
#f6fafc
```
#f6fafc rgb(246,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757b7e is the less saturated color, while #05a4ee is the most saturated one.

#757b7e
```
#757b7e rgb(117,123,126)
```
#6c7e87
```
#6c7e87 rgb(108,126,135)
```
#638290
```
#638290 rgb(99,130,144)
```
#59859a
```
#59859a rgb(89,133,154)
```
#5089a3
```
#5089a3 rgb(80,137,163)
```
#478cac
```
#478cac rgb(71,140,172)
```
#3d90b6
```
#3d90b6 rgb(61,144,182)
```
#3493bf
```
#3493bf rgb(52,147,191)
```
#2b96c8
```
#2b96c8 rgb(43,150,200)
```
#219ad2
```
#219ad2 rgb(33,154,210)
```
#189ddb
```
#189ddb rgb(24,157,219)
```
#0fa1e4
```
#0fa1e4 rgb(15,161,228)
```
#05a4ee
```
#05a4ee rgb(5,164,238)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#6e8189 Atypical Achromatopsia 0.001% of the population

Dichromacy

#828ebb Protanopia 1% of men
#7a8ec6 Deuteranopia 1% of men
#229da9 Tritanopia 0.001% of the population

Trichromacy

#6590bc Protanomaly 1% of men, 0.01% of women
#6090c3 Deuteranomaly 6% of men, 0.4% of women
#2899b1 Tritanomaly 0.01% of the population

#3493bf hex color

#3493bf Color Information

#3493bf Color Conversion

Color Schemes with #3493bf

Alternatives to #3493bf

#3493bf Preview

Shades and Tints of #3493bf

Tones of #3493bf

Color Blindness Simulator