#3686b3 hex color

In a RGB color space, hex #3686b3 is composed of 21.2% red, 52.5% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 69.8% cyan, 25.1% magenta, 0% yellow and 29.8% black. It has a hue angle of 201.6 degrees, a saturation of 53.6% and a lightness of 45.7%. #3686b3 color hex could be obtained by blending #6cffff with #000d67. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 21
- G 53
- B 70
RGB color chart
- C 70
- M 25
- Y 0
- K 30
CMYK color chart

● #3686b3 color description : Moderate blue.

The hexadecimal color #3686b3 has RGB values of R:54, G:134, B:179 and CMYK values of C:0.7, M:0.25, Y:0, K:0.3. Its decimal value is 3573427.

Hex triplet	3686b3	`#3686b3`
RGB Decimal	54, 134, 179	`rgb(54,134,179)`
RGB Percent	21.2, 52.5, 70.2	`rgb(21.2%,52.5%,70.2%)`
CMYK	70, 25, 0, 30
HSL	201.6°, 53.6, 45.7	`hsl(201.6,53.6%,45.7%)`
HSV (or HSB)	201.6°, 69.8, 70.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	53.045, -9.518, -30.763
XYZ	18.181, 21.088, 45.758
xyY	0.214, 0.248, 21.088
CIE-LCH	53.045, 32.202, 252.808
CIE-LUV	53.045, -30.126, -45.543
Hunter-Lab	45.921, -9.691, -26.934
Binary	00110110, 10000110, 10110011

#3686b3
```
#3686b3 rgb(54,134,179)
```
#b36336
```
#b36336 rgb(179,99,54)
```

Complementary Color

#36b3a2
```
#36b3a2 rgb(54,179,162)
```
#3686b3
```
#3686b3 rgb(54,134,179)
```
#3648b3
```
#3648b3 rgb(54,72,179)
```

Analogous Color

#b3a236
```
#b3a236 rgb(179,162,54)
```
#3686b3
```
#3686b3 rgb(54,134,179)
```
#b33648
```
#b33648 rgb(179,54,72)
```

Split Complementary Color

#86b336
```
#86b336 rgb(134,179,54)
```
#3686b3
```
#3686b3 rgb(54,134,179)
```
#b33686
```
#b33686 rgb(179,54,134)
```

Triadic Color

#36b363
```
#36b363 rgb(54,179,99)
```
#3686b3
```
#3686b3 rgb(54,134,179)
```
#b33686
```
#b33686 rgb(179,54,134)
```
#b36336
```
#b36336 rgb(179,99,54)
```

Tetradic Color

#245a78
```
#245a78 rgb(36,90,120)
```
#2a698c
```
#2a698c rgb(42,105,140)
```
#30779f
```
#30779f rgb(48,119,159)
```
#3686b3
```
#3686b3 rgb(54,134,179)
```
#3e94c5
```
#3e94c5 rgb(62,148,197)
```
#519fcb
```
#519fcb rgb(81,159,203)
```
#65aad1
```
#65aad1 rgb(101,170,209)
```

Monochromatic Color

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

#36a5b3
```
#36a5b3 rgb(54,165,179)
```
#369bb3
```
#369bb3 rgb(54,155,179)
```
#3690b3
```
#3690b3 rgb(54,144,179)
```
#3686b3
```
#3686b3 rgb(54,134,179)
```
#367cb3
```
#367cb3 rgb(54,124,179)
```
#3671b3
```
#3671b3 rgb(54,113,179)
```
#3667b3
```
#3667b3 rgb(54,103,179)
```

Similar Colors

Text with hexadecimal color #3686b3

This text has a font color of #3686b3.

<span style="color:#3686b3;">Text here</span>

#3686b3 background color

This paragraph has a background color of #3686b3.

<p style="background-color:#3686b3;">Content here</p>

#3686b3 border color

This element has a border color of #3686b3.

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

CSS codes

.text {color:#3686b3;}

.background {background-color:#3686b3;}

.border {border:1px solid #3686b3;}

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, #040a0d is the darkest color, while #fdfefe is the lightest one.

#040a0d
```
#040a0d rgb(4,10,13)
```
#09151c
```
#09151c rgb(9,21,28)
```
#0d202b
```
#0d202b rgb(13,32,43)
```
#122c3a
```
#122c3a rgb(18,44,58)
```
#16374a
```
#16374a rgb(22,55,74)
```
#1b4259
```
#1b4259 rgb(27,66,89)
```
#1f4e68
```
#1f4e68 rgb(31,78,104)
```
#245977
```
#245977 rgb(36,89,119)
```
#286486
```
#286486 rgb(40,100,134)
```
#2d6f95
```
#2d6f95 rgb(45,111,149)
```
#317ba4
```
#317ba4 rgb(49,123,164)
```
#3686b3
```
#3686b3 rgb(54,134,179)
```
#3b91c2
```
#3b91c2 rgb(59,145,194)
```

Shade Color Variation

#489ac8
```
#489ac8 rgb(72,154,200)
```
#57a2cc
```
#57a2cc rgb(87,162,204)
```
#66abd1
```
#66abd1 rgb(102,171,209)
```
#76b3d6
```
#76b3d6 rgb(118,179,214)
```
#85bbda
```
#85bbda rgb(133,187,218)
```
#94c4df
```
#94c4df rgb(148,196,223)
```
#a3cce3
```
#a3cce3 rgb(163,204,227)
```
#b2d4e8
```
#b2d4e8 rgb(178,212,232)
```
#c1ddec
```
#c1ddec rgb(193,221,236)
```
#d0e5f1
```
#d0e5f1 rgb(208,229,241)
```
#dfedf5
```
#dfedf5 rgb(223,237,245)
```
#eef6fa
```
#eef6fa rgb(238,246,250)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c777d is the less saturated color, while #0095e9 is the most saturated one.

#6c777d
```
#6c777d rgb(108,119,125)
```
#637986
```
#637986 rgb(99,121,134)
```
#5a7c8f
```
#5a7c8f rgb(90,124,143)
```
#517e98
```
#517e98 rgb(81,126,152)
```
#4881a1
```
#4881a1 rgb(72,129,161)
```
#3f83aa
```
#3f83aa rgb(63,131,170)
```
#3686b3
```
#3686b3 rgb(54,134,179)
```
#2d89bc
```
#2d89bc rgb(45,137,188)
```
#248bc5
```
#248bc5 rgb(36,139,197)
```
#1b8ece
```
#1b8ece rgb(27,142,206)
```
#1290d7
```
#1290d7 rgb(18,144,215)
```
#0993e0
```
#0993e0 rgb(9,147,224)
```
#0095e9
```
#0095e9 rgb(0,149,233)
```

Tone Color Variation

Below, you can see how #3686b3 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

#737373 Achromatopsia 0.005% of the population
#677780 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7783b0 Protanopia 1% of men
#6e84ba Deuteranopia 1% of men
#28919c Tritanopia 0.001% of the population

Trichromacy

#5f84b1 Protanomaly 1% of men, 0.01% of women
#5a84b7 Deuteranomaly 6% of men, 0.4% of women
#2d8da4 Tritanomaly 0.01% of the population

#3686b3 hex color

#3686b3 Color Information

#3686b3 Color Conversion

Color Schemes with #3686b3

Alternatives to #3686b3

#3686b3 Preview

Shades and Tints of #3686b3

Tones of #3686b3

Color Blindness Simulator