#3864bd hex color

In a RGB color space, hex #3864bd is composed of 22% red, 39.2% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 70.4% cyan, 47.1% magenta, 0% yellow and 25.9% black. It has a hue angle of 220.2 degrees, a saturation of 54.3% and a lightness of 48%. #3864bd color hex could be obtained by blending #70c8ff with #00007b. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 22
- G 39
- B 74
RGB color chart
- C 70
- M 47
- Y 0
- K 26
CMYK color chart

● #3864bd color description : Moderate blue.

The hexadecimal color #3864bd has RGB values of R:56, G:100, B:189 and CMYK values of C:0.7, M:0.47, Y:0, K:0.26. Its decimal value is 3695805.

Hex triplet	3864bd	`#3864bd`
RGB Decimal	56, 100, 189	`rgb(56,100,189)`
RGB Percent	22, 39.2, 74.1	`rgb(22%,39.2%,74.1%)`
CMYK	70, 47, 0, 26
HSL	220.2°, 54.3, 48	`hsl(220.2,54.3%,48%)`
HSV (or HSB)	220.2°, 70.4, 74.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.695, 15.108, -51.339
XYZ	15.371, 13.628, 49.962
xyY	0.195, 0.173, 13.628
CIE-LCH	43.695, 53.515, 286.398
CIE-LUV	43.695, -17.904, -77.566
Hunter-Lab	36.916, 9.721, -54.4
Binary	00111000, 01100100, 10111101

#3864bd
```
#3864bd rgb(56,100,189)
```
#bd9138
```
#bd9138 rgb(189,145,56)
```

Complementary Color

#38a7bd
```
#38a7bd rgb(56,167,189)
```
#3864bd
```
#3864bd rgb(56,100,189)
```
#4f38bd
```
#4f38bd rgb(79,56,189)
```

Analogous Color

#a7bd38
```
#a7bd38 rgb(167,189,56)
```
#3864bd
```
#3864bd rgb(56,100,189)
```
#bd4f38
```
#bd4f38 rgb(189,79,56)
```

Split Complementary Color

#64bd38
```
#64bd38 rgb(100,189,56)
```
#3864bd
```
#3864bd rgb(56,100,189)
```
#bd3864
```
#bd3864 rgb(189,56,100)
```

Triadic Color

#38bd91
```
#38bd91 rgb(56,189,145)
```
#3864bd
```
#3864bd rgb(56,100,189)
```
#bd3864
```
#bd3864 rgb(189,56,100)
```
#bd9138
```
#bd9138 rgb(189,145,56)
```

Tetradic Color

#274582
```
#274582 rgb(39,69,130)
```
#2c4f96
```
#2c4f96 rgb(44,79,150)
```
#325aa9
```
#325aa9 rgb(50,90,169)
```
#3864bd
```
#3864bd rgb(56,100,189)
```
#4671c8
```
#4671c8 rgb(70,113,200)
```
#5a80ce
```
#5a80ce rgb(90,128,206)
```
#6e8fd4
```
#6e8fd4 rgb(110,143,212)
```

Monochromatic Color

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

#3885bd
```
#3885bd rgb(56,133,189)
```
#387abd
```
#387abd rgb(56,122,189)
```
#386fbd
```
#386fbd rgb(56,111,189)
```
#3864bd
```
#3864bd rgb(56,100,189)
```
#3859bd
```
#3859bd rgb(56,89,189)
```
#384ebd
```
#384ebd rgb(56,78,189)
```
#3843bd
```
#3843bd rgb(56,67,189)
```

Similar Colors

Text with hexadecimal color #3864bd

This text has a font color of #3864bd.

<span style="color:#3864bd;">Text here</span>

#3864bd background color

This paragraph has a background color of #3864bd.

<p style="background-color:#3864bd;">Content here</p>

#3864bd border color

This element has a border color of #3864bd.

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

CSS codes

.text {color:#3864bd;}

.background {background-color:#3864bd;}

.border {border:1px solid #3864bd;}

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

#020407
```
#020407 rgb(2,4,7)
```
#070c17
```
#070c17 rgb(7,12,23)
```
#0b1426
```
#0b1426 rgb(11,20,38)
```
#101c35
```
#101c35 rgb(16,28,53)
```
#142444
```
#142444 rgb(20,36,68)
```
#192c53
```
#192c53 rgb(25,44,83)
```
#1d3462
```
#1d3462 rgb(29,52,98)
```
#223c71
```
#223c71 rgb(34,60,113)
```
#264480
```
#264480 rgb(38,68,128)
```
#2b4c90
```
#2b4c90 rgb(43,76,144)
```
#2f549f
```
#2f549f rgb(47,84,159)
```
#345cae
```
#345cae rgb(52,92,174)
```
#3864bd
```
#3864bd rgb(56,100,189)
```

Shade Color Variation

#426ec7
```
#426ec7 rgb(66,110,199)
```
#5179cb
```
#5179cb rgb(81,121,203)
```
#6085d0
```
#6085d0 rgb(96,133,208)
```
#6f91d4
```
#6f91d4 rgb(111,145,212)
```
#7e9cd9
```
#7e9cd9 rgb(126,156,217)
```
#8da8dd
```
#8da8dd rgb(141,168,221)
```
#9cb3e2
```
#9cb3e2 rgb(156,179,226)
```
#acbfe6
```
#acbfe6 rgb(172,191,230)
```
#bbcbeb
```
#bbcbeb rgb(187,203,235)
```
#cad6ef
```
#cad6ef rgb(202,214,239)
```
#d9e2f4
```
#d9e2f4 rgb(217,226,244)
```
#e8edf8
```
#e8edf8 rgb(232,237,248)
```
#f7f9fd
```
#f7f9fd rgb(247,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7a7b is the less saturated color, while #0954ec is the most saturated one.

#7a7a7b
```
#7a7a7b rgb(122,122,123)
```
#717784
```
#717784 rgb(113,119,132)
```
#67748e
```
#67748e rgb(103,116,142)
```
#5e7197
```
#5e7197 rgb(94,113,151)
```
#546ea1
```
#546ea1 rgb(84,110,161)
```
#4b6aaa
```
#4b6aaa rgb(75,106,170)
```
#4167b4
```
#4167b4 rgb(65,103,180)
```
#3864bd
```
#3864bd rgb(56,100,189)
```
#2f61c6
```
#2f61c6 rgb(47,97,198)
```
#255ed0
```
#255ed0 rgb(37,94,208)
```
#1c5ad9
```
#1c5ad9 rgb(28,90,217)
```
#1257e3
```
#1257e3 rgb(18,87,227)
```
#0954ec
```
#0954ec rgb(9,84,236)
```

Tone Color Variation

Below, you can see how #3864bd 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

#616161 Achromatopsia 0.005% of the population
#596273 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f6cc0 Protanopia 1% of men
#0071bc Deuteranopia 1% of men
#007982 Tritanopia 0.001% of the population

Trichromacy

#3c69bf Protanomaly 1% of men, 0.01% of women
#146cbc Deuteranomaly 6% of men, 0.4% of women
#147197 Tritanomaly 0.01% of the population

#3864bd hex color

#3864bd Color Information

#3864bd Color Conversion

Color Schemes with #3864bd

Alternatives to #3864bd

#3864bd Preview

Shades and Tints of #3864bd

Tones of #3864bd

Color Blindness Simulator