#3485dc hex color

In a RGB color space, hex #3485dc is composed of 20.4% red, 52.2% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 39.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 211.1 degrees, a saturation of 70.6% and a lightness of 53.3%. #3485dc color hex could be obtained by blending #68ffff with #000bb9. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 20
- G 52
- B 86
RGB color chart
- C 76
- M 40
- Y 0
- K 14
CMYK color chart

● #3485dc color description : Bright blue.

The hexadecimal color #3485dc has RGB values of R:52, G:133, B:220 and CMYK values of C:0.76, M:0.4, Y:0, K:0.14. Its decimal value is 3442140.

Hex triplet	3485dc	`#3485dc`
RGB Decimal	52, 133, 220	`rgb(52,133,220)`
RGB Percent	20.4, 52.2, 86.3	`rgb(20.4%,52.2%,86.3%)`
CMYK	76, 40, 0, 14
HSL	211.1°, 70.6, 53.3	`hsl(211.1,70.6%,53.3%)`
HSV (or HSB)	211.1°, 76.4, 86.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	54.731, 5.427, -51.387
XYZ	22.719, 22.671, 70.885
xyY	0.195, 0.195, 22.671
CIE-LCH	54.731, 51.673, 276.028
CIE-LUV	54.731, -28.399, -80.94
Hunter-Lab	47.614, 1.848, -54.938
Binary	00110100, 10000101, 11011100

#3485dc
```
#3485dc rgb(52,133,220)
```
#dc8b34
```
#dc8b34 rgb(220,139,52)
```

Complementary Color

#34d9dc
```
#34d9dc rgb(52,217,220)
```
#3485dc
```
#3485dc rgb(52,133,220)
```
#3734dc
```
#3734dc rgb(55,52,220)
```

Analogous Color

#d9dc34
```
#d9dc34 rgb(217,220,52)
```
#3485dc
```
#3485dc rgb(52,133,220)
```
#dc3734
```
#dc3734 rgb(220,55,52)
```

Split Complementary Color

#85dc34
```
#85dc34 rgb(133,220,52)
```
#3485dc
```
#3485dc rgb(52,133,220)
```
#dc3485
```
#dc3485 rgb(220,52,133)
```

Triadic Color

#34dc8b
```
#34dc8b rgb(52,220,139)
```
#3485dc
```
#3485dc rgb(52,133,220)
```
#dc3485
```
#dc3485 rgb(220,52,133)
```
#dc8b34
```
#dc8b34 rgb(220,139,52)
```

Tetradic Color

#1d5fa7
```
#1d5fa7 rgb(29,95,167)
```
#216cbd
```
#216cbd rgb(33,108,189)
```
#2478d2
```
#2478d2 rgb(36,120,210)
```
#3485dc
```
#3485dc rgb(52,133,220)
```
#4a92e0
```
#4a92e0 rgb(74,146,224)
```
#5f9fe4
```
#5f9fe4 rgb(95,159,228)
```
#75ace7
```
#75ace7 rgb(117,172,231)
```

Monochromatic Color

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

#34afdc
```
#34afdc rgb(52,175,220)
```
#34a1dc
```
#34a1dc rgb(52,161,220)
```
#3493dc
```
#3493dc rgb(52,147,220)
```
#3485dc
```
#3485dc rgb(52,133,220)
```
#3477dc
```
#3477dc rgb(52,119,220)
```
#3469dc
```
#3469dc rgb(52,105,220)
```
#345bdc
```
#345bdc rgb(52,91,220)
```

Similar Colors

Text with hexadecimal color #3485dc

This text has a font color of #3485dc.

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

#3485dc background color

This paragraph has a background color of #3485dc.

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

#3485dc border color

This element has a border color of #3485dc.

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

CSS codes

.text {color:#3485dc;}

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

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

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, #02080f is the darkest color, while #fdfeff is the lightest one.

#02080f
```
#02080f rgb(2,8,15)
```
#05121f
```
#05121f rgb(5,18,31)
```
#081b30
```
#081b30 rgb(8,27,48)
```
#0b2541
```
#0b2541 rgb(11,37,65)
```
#0e2f51
```
#0e2f51 rgb(14,47,81)
```
#113862
```
#113862 rgb(17,56,98)
```
#144273
```
#144273 rgb(20,66,115)
```
#174b84
```
#174b84 rgb(23,75,132)
```
#1a5594
```
#1a5594 rgb(26,85,148)
```
#1c5ea5
```
#1c5ea5 rgb(28,94,165)
```
#1f68b6
```
#1f68b6 rgb(31,104,182)
```
#2271c7
```
#2271c7 rgb(34,113,199)
```
#257bd7
```
#257bd7 rgb(37,123,215)
```

Shade Color Variation

#3485dc
```
#3485dc rgb(52,133,220)
```
#458fdf
```
#458fdf rgb(69,143,223)
```
#5599e2
```
#5599e2 rgb(85,153,226)
```
#66a3e5
```
#66a3e5 rgb(102,163,229)
```
#77ade8
```
#77ade8 rgb(119,173,232)
```
#88b7ea
```
#88b7ea rgb(136,183,234)
```
#98c1ed
```
#98c1ed rgb(152,193,237)
```
#a9cbf0
```
#a9cbf0 rgb(169,203,240)
```
#bad5f3
```
#bad5f3 rgb(186,213,243)
```
#cbdff6
```
#cbdff6 rgb(203,223,246)
```
#dbeaf9
```
#dbeaf9 rgb(219,234,249)
```
#ecf4fc
```
#ecf4fc rgb(236,244,252)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #86888a is the less saturated color, while #1984f7 is the most saturated one.

#86888a
```
#86888a rgb(134,136,138)
```
#7d8893
```
#7d8893 rgb(125,136,147)
```
#74879c
```
#74879c rgb(116,135,156)
```
#6b87a5
```
#6b87a5 rgb(107,135,165)
```
#6287ae
```
#6287ae rgb(98,135,174)
```
#5986b7
```
#5986b7 rgb(89,134,183)
```
#4f86c1
```
#4f86c1 rgb(79,134,193)
```
#4686ca
```
#4686ca rgb(70,134,202)
```
#3d85d3
```
#3d85d3 rgb(61,133,211)
```
#3485dc
```
#3485dc rgb(52,133,220)
```
#2b85e5
```
#2b85e5 rgb(43,133,229)
```
#2284ee
```
#2284ee rgb(34,132,238)
```
#1984f7
```
#1984f7 rgb(25,132,247)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#6a7a8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6486da Protanopia 1% of men
#448ade Deuteranopia 1% of men
#0096a0 Tritanopia 0.001% of the population

Trichromacy

#5286da Protanomaly 1% of men, 0.01% of women
#3e88dd Deuteranomaly 6% of men, 0.4% of women
#1290b6 Tritanomaly 0.01% of the population

#3485dc hex color

#3485dc Color Information

#3485dc Color Conversion

Color Schemes with #3485dc

Alternatives to #3485dc

#3485dc Preview

Shades and Tints of #3485dc

Tones of #3485dc

Color Blindness Simulator