#3495e4 hex color

In a RGB color space, hex #3495e4 is composed of 20.4% red, 58.4% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 34.6% magenta, 0% yellow and 10.6% black. It has a hue angle of 206.9 degrees, a saturation of 76.5% and a lightness of 54.9%. #3495e4 color hex could be obtained by blending #68ffff with #002bc9. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 20
- G 58
- B 89
RGB color chart
- C 77
- M 35
- Y 0
- K 11
CMYK color chart

● #3495e4 color description : Bright blue.

The hexadecimal color #3495e4 has RGB values of R:52, G:149, B:228 and CMYK values of C:0.77, M:0.35, Y:0, K:0.11. Its decimal value is 3446244.

Hex triplet	3495e4	`#3495e4`
RGB Decimal	52, 149, 228	`rgb(52,149,228)`
RGB Percent	20.4, 58.4, 89.4	`rgb(20.4%,58.4%,89.4%)`
CMYK	77, 35, 0, 11
HSL	206.9°, 76.5, 54.9	`hsl(206.9,76.5%,54.9%)`
HSV (or HSB)	206.9°, 77.2, 89.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	59.73, -1.165, -47.915
XYZ	26.164, 27.824, 77.386
xyY	0.199, 0.212, 27.824
CIE-LCH	59.73, 47.929, 268.607
CIE-LUV	59.73, -33.352, -75.881
Hunter-Lab	52.749, -3.772, -50.059
Binary	00110100, 10010101, 11100100

#3495e4
```
#3495e4 rgb(52,149,228)
```
#e48334
```
#e48334 rgb(228,131,52)
```

Complementary Color

#34e4db
```
#34e4db rgb(52,228,219)
```
#3495e4
```
#3495e4 rgb(52,149,228)
```
#343de4
```
#343de4 rgb(52,61,228)
```

Analogous Color

#e4db34
```
#e4db34 rgb(228,219,52)
```
#3495e4
```
#3495e4 rgb(52,149,228)
```
#e4343d
```
#e4343d rgb(228,52,61)
```

Split Complementary Color

#95e434
```
#95e434 rgb(149,228,52)
```
#3495e4
```
#3495e4 rgb(52,149,228)
```
#e43495
```
#e43495 rgb(228,52,149)
```

Triadic Color

#34e483
```
#34e483 rgb(52,228,131)
```
#3495e4
```
#3495e4 rgb(52,149,228)
```
#e43495
```
#e43495 rgb(228,52,149)
```
#e48334
```
#e48334 rgb(228,131,52)
```

Tetradic Color

#186eb4
```
#186eb4 rgb(24,110,180)
```
#1b7bca
```
#1b7bca rgb(27,123,202)
```
#1e89e1
```
#1e89e1 rgb(30,137,225)
```
#3495e4
```
#3495e4 rgb(52,149,228)
```
#4ba1e7
```
#4ba1e7 rgb(75,161,231)
```
#61adea
```
#61adea rgb(97,173,234)
```
#78b8ed
```
#78b8ed rgb(120,184,237)
```

Monochromatic Color

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

#34c1e4
```
#34c1e4 rgb(52,193,228)
```
#34b2e4
```
#34b2e4 rgb(52,178,228)
```
#34a4e4
```
#34a4e4 rgb(52,164,228)
```
#3495e4
```
#3495e4 rgb(52,149,228)
```
#3486e4
```
#3486e4 rgb(52,134,228)
```
#3478e4
```
#3478e4 rgb(52,120,228)
```
#3469e4
```
#3469e4 rgb(52,105,228)
```

Similar Colors

Text with hexadecimal color #3495e4

This text has a font color of #3495e4.

<span style="color:#3495e4;">Text here</span>

#3495e4 background color

This paragraph has a background color of #3495e4.

<p style="background-color:#3495e4;">Content here</p>

#3495e4 border color

This element has a border color of #3495e4.

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

CSS codes

.text {color:#3495e4;}

.background {background-color:#3495e4;}

.border {border:1px solid #3495e4;}

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

#010305
```
#010305 rgb(1,3,5)
```
#030d16
```
#030d16 rgb(3,13,22)
```
#051827
```
#051827 rgb(5,24,39)
```
#082339
```
#082339 rgb(8,35,57)
```
#0a2d4a
```
#0a2d4a rgb(10,45,74)
```
#0c385b
```
#0c385b rgb(12,56,91)
```
#0e426d
```
#0e426d rgb(14,66,109)
```
#114d7e
```
#114d7e rgb(17,77,126)
```
#13588f
```
#13588f rgb(19,88,143)
```
#1562a1
```
#1562a1 rgb(21,98,161)
```
#186db2
```
#186db2 rgb(24,109,178)
```
#1a77c3
```
#1a77c3 rgb(26,119,195)
```
#1c82d5
```
#1c82d5 rgb(28,130,213)
```

Shade Color Variation

#238ce2
```
#238ce2 rgb(35,140,226)
```
#3495e4
```
#3495e4 rgb(52,149,228)
```
#459ee6
```
#459ee6 rgb(69,158,230)
```
#57a7e9
```
#57a7e9 rgb(87,167,233)
```
#68b0eb
```
#68b0eb rgb(104,176,235)
```
#79b9ed
```
#79b9ed rgb(121,185,237)
```
#8bc2f0
```
#8bc2f0 rgb(139,194,240)
```
#9ccbf2
```
#9ccbf2 rgb(156,203,242)
```
#add4f4
```
#add4f4 rgb(173,212,244)
```
#bfddf6
```
#bfddf6 rgb(191,221,246)
```
#d0e6f9
```
#d0e6f9 rgb(208,230,249)
```
#e1effb
```
#e1effb rgb(225,239,251)
```
#f2f8fd
```
#f2f8fd rgb(242,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848d94 is the less saturated color, while #1998ff is the most saturated one.

#848d94
```
#848d94 rgb(132,141,148)
```
#7b8e9d
```
#7b8e9d rgb(123,142,157)
```
#728fa6
```
#728fa6 rgb(114,143,166)
```
#6990af
```
#6990af rgb(105,144,175)
```
#6090b8
```
#6090b8 rgb(96,144,184)
```
#5791c1
```
#5791c1 rgb(87,145,193)
```
#4f92c9
```
#4f92c9 rgb(79,146,201)
```
#4693d2
```
#4693d2 rgb(70,147,210)
```
#3d94db
```
#3d94db rgb(61,148,219)
```
#3495e4
```
#3495e4 rgb(52,149,228)
```
#2b96ed
```
#2b96ed rgb(43,150,237)
```
#2297f6
```
#2297f6 rgb(34,151,246)
```
#1998ff
```
#1998ff rgb(25,152,255)
```

Tone Color Variation

Below, you can see how #3495e4 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

#818181 Achromatopsia 0.005% of the population
#728595 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7793df Protanopia 1% of men
#6096e7 Deuteranopia 1% of men
#00a4af Tritanopia 0.001% of the population

Trichromacy

#5e93e1 Protanomaly 1% of men, 0.01% of women
#5095e6 Deuteranomaly 6% of men, 0.4% of women
#129ec2 Tritanomaly 0.01% of the population

#3495e4 hex color

#3495e4 Color Information

#3495e4 Color Conversion

Color Schemes with #3495e4

Alternatives to #3495e4

#3495e4 Preview

Shades and Tints of #3495e4

Tones of #3495e4

Color Blindness Simulator