#3485ec hex color

In a RGB color space, hex #3485ec is composed of 20.4% red, 52.2% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 78% cyan, 43.6% magenta, 0% yellow and 7.5% black. It has a hue angle of 213.6 degrees, a saturation of 82.9% and a lightness of 56.5%. #3485ec color hex could be obtained by blending #68ffff with #000bd9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 20
- G 52
- B 93
RGB color chart
- C 78
- M 44
- Y 0
- K 7
CMYK color chart

● #3485ec color description : Bright blue.

The hexadecimal color #3485ec has RGB values of R:52, G:133, B:236 and CMYK values of C:0.78, M:0.44, Y:0, K:0.07. Its decimal value is 3442156.

Hex triplet	3485ec	`#3485ec`
RGB Decimal	52, 133, 236	`rgb(52,133,236)`
RGB Percent	20.4, 52.2, 92.5	`rgb(20.4%,52.2%,92.5%)`
CMYK	78, 44, 0, 7
HSL	213.6°, 82.9, 56.5	`hsl(213.6,82.9%,56.5%)`
HSV (or HSB)	213.6°, 78, 92.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	55.644, 11.296, -58.87
XYZ	24.941, 23.559, 82.585
xyY	0.19, 0.18, 23.559
CIE-LCH	55.644, 59.944, 280.862
CIE-LUV	55.644, -27.847, -93.8
Hunter-Lab	48.538, 6.779, -66.903
Binary	00110100, 10000101, 11101100

#3485ec
```
#3485ec rgb(52,133,236)
```
#ec9b34
```
#ec9b34 rgb(236,155,52)
```

Complementary Color

#34e1ec
```
#34e1ec rgb(52,225,236)
```
#3485ec
```
#3485ec rgb(52,133,236)
```
#3f34ec
```
#3f34ec rgb(63,52,236)
```

Analogous Color

#e1ec34
```
#e1ec34 rgb(225,236,52)
```
#3485ec
```
#3485ec rgb(52,133,236)
```
#ec3f34
```
#ec3f34 rgb(236,63,52)
```

Split Complementary Color

#85ec34
```
#85ec34 rgb(133,236,52)
```
#3485ec
```
#3485ec rgb(52,133,236)
```
#ec3485
```
#ec3485 rgb(236,52,133)
```

Triadic Color

#34ec9b
```
#34ec9b rgb(52,236,155)
```
#3485ec
```
#3485ec rgb(52,133,236)
```
#ec3485
```
#ec3485 rgb(236,52,133)
```
#ec9b34
```
#ec9b34 rgb(236,155,52)
```

Tetradic Color

#125fc1
```
#125fc1 rgb(18,95,193)
```
#146bd9
```
#146bd9 rgb(20,107,217)
```
#1d77ea
```
#1d77ea rgb(29,119,234)
```
#3485ec
```
#3485ec rgb(52,133,236)
```
#4b93ee
```
#4b93ee rgb(75,147,238)
```
#63a1f0
```
#63a1f0 rgb(99,161,240)
```
#7aaff3
```
#7aaff3 rgb(122,175,243)
```

Monochromatic Color

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

#34b3ec
```
#34b3ec rgb(52,179,236)
```
#34a4ec
```
#34a4ec rgb(52,164,236)
```
#3494ec
```
#3494ec rgb(52,148,236)
```
#3485ec
```
#3485ec rgb(52,133,236)
```
#3476ec
```
#3476ec rgb(52,118,236)
```
#3466ec
```
#3466ec rgb(52,102,236)
```
#3457ec
```
#3457ec rgb(52,87,236)
```

Similar Colors

Text with hexadecimal color #3485ec

This text has a font color of #3485ec.

<span style="color:#3485ec;">Text here</span>

#3485ec background color

This paragraph has a background color of #3485ec.

<p style="background-color:#3485ec;">Content here</p>

#3485ec border color

This element has a border color of #3485ec.

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

CSS codes

.text {color:#3485ec;}

.background {background-color:#3485ec;}

.border {border:1px solid #3485ec;}

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, #01060c is the darkest color, while #f9fcfe is the lightest one.

#01060c
```
#01060c rgb(1,6,12)
```
#030f1e
```
#030f1e rgb(3,15,30)
```
#051830
```
#051830 rgb(5,24,48)
```
#062142
```
#062142 rgb(6,33,66)
```
#082954
```
#082954 rgb(8,41,84)
```
#0a3266
```
#0a3266 rgb(10,50,102)
```
#0b3b78
```
#0b3b78 rgb(11,59,120)
```
#0d448a
```
#0d448a rgb(13,68,138)
```
#0f4d9c
```
#0f4d9c rgb(15,77,156)
```
#1056ae
```
#1056ae rgb(16,86,174)
```
#125ec0
```
#125ec0 rgb(18,94,192)
```
#1467d2
```
#1467d2 rgb(20,103,210)
```
#1570e3
```
#1570e3 rgb(21,112,227)
```

Shade Color Variation

#227aea
```
#227aea rgb(34,122,234)
```
#3485ec
```
#3485ec rgb(52,133,236)
```
#4690ee
```
#4690ee rgb(70,144,238)
```
#589bef
```
#589bef rgb(88,155,239)
```
#6aa5f1
```
#6aa5f1 rgb(106,165,241)
```
#7cb0f3
```
#7cb0f3 rgb(124,176,243)
```
#8ebbf4
```
#8ebbf4 rgb(142,187,244)
```
#a0c6f6
```
#a0c6f6 rgb(160,198,246)
```
#b2d0f8
```
#b2d0f8 rgb(178,208,248)
```
#c3dbf9
```
#c3dbf9 rgb(195,219,249)
```
#d5e6fb
```
#d5e6fb rgb(213,230,251)
```
#e7f1fd
```
#e7f1fd rgb(231,241,253)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898f97 is the less saturated color, while #2383fd is the most saturated one.

#898f97
```
#898f97 rgb(137,143,151)
```
#818e9f
```
#818e9f rgb(129,142,159)
```
#788da8
```
#788da8 rgb(120,141,168)
```
#708cb0
```
#708cb0 rgb(112,140,176)
```
#678bb9
```
#678bb9 rgb(103,139,185)
```
#5f8ac1
```
#5f8ac1 rgb(95,138,193)
```
#5689ca
```
#5689ca rgb(86,137,202)
```
#4e88d2
```
#4e88d2 rgb(78,136,210)
```
#4587db
```
#4587db rgb(69,135,219)
```
#3d86e3
```
#3d86e3 rgb(61,134,227)
```
#3485ec
```
#3485ec rgb(52,133,236)
```
#2b84f5
```
#2b84f5 rgb(43,132,245)
```
#2383fd
```
#2383fd rgb(35,131,253)
```

Tone Color Variation

Below, you can see how #3485ec 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

#797979 Achromatopsia 0.005% of the population
#6b7b90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5988ea Protanopia 1% of men
#198deb Deuteranopia 1% of men
#0099a3 Tritanopia 0.001% of the population

Trichromacy

#4b87eb Protanomaly 1% of men, 0.01% of women
#238aeb Deuteranomaly 6% of men, 0.4% of women
#1291bd Tritanomaly 0.01% of the population

#3485ec hex color

#3485ec Color Information

#3485ec Color Conversion

Color Schemes with #3485ec

Alternatives to #3485ec

#3485ec Preview

Shades and Tints of #3485ec

Tones of #3485ec

Color Blindness Simulator