#3685dc hex color

In a RGB color space, hex #3685dc is composed of 21.2% red, 52.2% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 75.5% cyan, 39.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 211.4 degrees, a saturation of 70.3% and a lightness of 53.7%. #3685dc color hex could be obtained by blending #6cffff with #000bb9. Closest websafe color is: #3399cc.

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

● #3685dc color description : Bright blue.

The hexadecimal color #3685dc has RGB values of R:54, G:133, B:220 and CMYK values of C:0.75, M:0.4, Y:0, K:0.14. Its decimal value is 3573212.

Hex triplet	3685dc	`#3685dc`
RGB Decimal	54, 133, 220	`rgb(54,133,220)`
RGB Percent	21.2, 52.2, 86.3	`rgb(21.2%,52.2%,86.3%)`
CMYK	75, 40, 0, 14
HSL	211.4°, 70.3, 53.7	`hsl(211.4,70.3%,53.7%)`
HSV (or HSB)	211.4°, 75.5, 86.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	54.788, 5.662, -51.294
XYZ	22.824, 22.725, 70.89
xyY	0.196, 0.195, 22.725
CIE-LCH	54.788, 51.606, 276.299
CIE-LUV	54.788, -28.09, -80.829
Hunter-Lab	47.671, 2.04, -54.799
Binary	00110110, 10000101, 11011100

#3685dc
```
#3685dc rgb(54,133,220)
```
#dc8d36
```
#dc8d36 rgb(220,141,54)
```

Complementary Color

#36d8dc
```
#36d8dc rgb(54,216,220)
```
#3685dc
```
#3685dc rgb(54,133,220)
```
#3a36dc
```
#3a36dc rgb(58,54,220)
```

Analogous Color

#d8dc36
```
#d8dc36 rgb(216,220,54)
```
#3685dc
```
#3685dc rgb(54,133,220)
```
#dc3a36
```
#dc3a36 rgb(220,58,54)
```

Split Complementary Color

#85dc36
```
#85dc36 rgb(133,220,54)
```
#3685dc
```
#3685dc rgb(54,133,220)
```
#dc3685
```
#dc3685 rgb(220,54,133)
```

Triadic Color

#36dc8d
```
#36dc8d rgb(54,220,141)
```
#3685dc
```
#3685dc rgb(54,133,220)
```
#dc3685
```
#dc3685 rgb(220,54,133)
```
#dc8d36
```
#dc8d36 rgb(220,141,54)
```

Tetradic Color

#1d5fa8
```
#1d5fa8 rgb(29,95,168)
```
#216cbe
```
#216cbe rgb(33,108,190)
```
#2578d4
```
#2578d4 rgb(37,120,212)
```
#3685dc
```
#3685dc rgb(54,133,220)
```
#4c92e0
```
#4c92e0 rgb(76,146,224)
```
#619fe4
```
#619fe4 rgb(97,159,228)
```
#77ade7
```
#77ade7 rgb(119,173,231)
```

Monochromatic Color

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

#36afdc
```
#36afdc rgb(54,175,220)
```
#36a1dc
```
#36a1dc rgb(54,161,220)
```
#3693dc
```
#3693dc rgb(54,147,220)
```
#3685dc
```
#3685dc rgb(54,133,220)
```
#3677dc
```
#3677dc rgb(54,119,220)
```
#3669dc
```
#3669dc rgb(54,105,220)
```
#365bdc
```
#365bdc rgb(54,91,220)
```

Similar Colors

Text with hexadecimal color #3685dc

This text has a font color of #3685dc.

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

#3685dc background color

This paragraph has a background color of #3685dc.

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

#3685dc border color

This element has a border color of #3685dc.

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

CSS codes

.text {color:#3685dc;}

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

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

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

#030910
```
#030910 rgb(3,9,16)
```
#061321
```
#061321 rgb(6,19,33)
```
#091c32
```
#091c32 rgb(9,28,50)
```
#0c2642
```
#0c2642 rgb(12,38,66)
```
#0e2f53
```
#0e2f53 rgb(14,47,83)
```
#113964
```
#113964 rgb(17,57,100)
```
#144274
```
#144274 rgb(20,66,116)
```
#174c85
```
#174c85 rgb(23,76,133)
```
#1a5596
```
#1a5596 rgb(26,85,150)
```
#1d5ea7
```
#1d5ea7 rgb(29,94,167)
```
#2068b7
```
#2068b7 rgb(32,104,183)
```
#2371c8
```
#2371c8 rgb(35,113,200)
```
#267bd9
```
#267bd9 rgb(38,123,217)
```

Shade Color Variation

#3685dc
```
#3685dc rgb(54,133,220)
```
#478fdf
```
#478fdf rgb(71,143,223)
```
#5799e2
```
#5799e2 rgb(87,153,226)
```
#68a3e5
```
#68a3e5 rgb(104,163,229)
```
#79aee8
```
#79aee8 rgb(121,174,232)
```
#8ab8eb
```
#8ab8eb rgb(138,184,235)
```
#9ac2ed
```
#9ac2ed rgb(154,194,237)
```
#abccf0
```
#abccf0 rgb(171,204,240)
```
#bcd6f3
```
#bcd6f3 rgb(188,214,243)
```
#cce0f6
```
#cce0f6 rgb(204,224,246)
```
#ddeaf9
```
#ddeaf9 rgb(221,234,249)
```
#eef5fc
```
#eef5fc rgb(238,245,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#88898a
```
#88898a rgb(136,137,138)
```
#7f8893
```
#7f8893 rgb(127,136,147)
```
#76889c
```
#76889c rgb(118,136,156)
```
#6c88a6
```
#6c88a6 rgb(108,136,166)
```
#6387af
```
#6387af rgb(99,135,175)
```
#5a87b8
```
#5a87b8 rgb(90,135,184)
```
#5186c1
```
#5186c1 rgb(81,134,193)
```
#4886ca
```
#4886ca rgb(72,134,202)
```
#3f85d3
```
#3f85d3 rgb(63,133,211)
```
#3685dc
```
#3685dc rgb(54,133,220)
```
#2d85e5
```
#2d85e5 rgb(45,133,229)
```
#2484ee
```
#2484ee rgb(36,132,238)
```
#1b84f7
```
#1b84f7 rgb(27,132,247)
```

Tone Color Variation

Below, you can see how #3685dc 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
#458ade Deuteranopia 1% of men
#0096a1 Tritanopia 0.001% of the population

Trichromacy

#5386da Protanomaly 1% of men, 0.01% of women
#3f88dd Deuteranomaly 6% of men, 0.4% of women
#1390b6 Tritanomaly 0.01% of the population

#3685dc hex color

#3685dc Color Information

#3685dc Color Conversion

Color Schemes with #3685dc

Alternatives to #3685dc

#3685dc Preview

Shades and Tints of #3685dc

Tones of #3685dc

Color Blindness Simulator